ColorTool
Giriş yap
#7DE8AF

#7de8af ≈ Seafoam Green

  • yeşil
  • Açıklık: yüksek
  • Doygunluk: orta
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#7de8af, “yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %49,02 kırmızı, %90,98 yeşil ve %68,63 maviden oluşur; CMYK baskıda %46,12 camgöbeği, %0 macenta, %24,57 sarı ve %9,02 siyah kullanır. Ton açısı 148,04°, HSL’de doygunluğu %69,93 ve açıklığı %70’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla doğa, sağlık ve denge ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 14,03:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Seafoam Green (#9fe2bf), ΔE 6,37.

Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.

HEX
RGB
Yüzde olarak RGB
CMY
CMYK
HSL
HSV / HSB
Web güvenli#66ff99
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.6517

Tamamlayıcı

  1. #7de8af
  2. #e87db6

Bölünmüş tamamlayıcı

  1. #7de8af
  2. #e57de8
  3. #e87d80

Komşu

  1. #80e87d
  2. #7de8af
  3. #7de8e5

Üçlü

  1. #7de8af
  2. #af7de8
  3. #e8af7d

Dörtlü

  1. #7de8af
  2. #7db6e8
  3. #e87db6
  4. #e8af7d

Kare

  1. #7de8af
  2. #7d80e8
  3. #e87db6
  4. #e8e57d

Tek renkli

  1. #1fad61
  2. #3cdc87
  3. #7de8af
  4. #bef3d7
  5. #eefcf4

Koyu tonlar

#7de8af kademeli olarak siyahla karıştırıldı.

  1. #7de8af
  2. #71d19e
  3. #64ba8c
  4. #58a27b
  5. #4b8b69
  6. #3f7458
  7. #325d46
  8. #264635
  9. #192e23
  10. #0d1712
  11. #000000

Açık tonlar

#7de8af kademeli olarak beyazla karıştırıldı.

  1. #7de8af
  2. #8aeab7
  3. #97edbf
  4. #a4efc7
  5. #b1f1cf
  6. #bef4d7
  7. #cbf6df
  8. #d8f8e7
  9. #e5faef
  10. #f2fdf7
  11. #ffffff

Tonlar

#7de8af kademeli olarak griyle karıştırıldı.

  1. #7de8af
  2. #7ddeaa
  3. #7ed3a6
  4. #7ec9a1
  5. #7ebe9c
  6. #7fb498
  7. #7faa93
  8. #7f9f8e
  9. #7f9589
  10. #808a85
  11. #808080

Okunaklı metin 1.5:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 14.03:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d3d3d3 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b7dcc6 Erkeklerin ≈ 0.001% kadarı
Protanopi #e6daac Erkeklerin ≈ 1.01% kadarı
Döteranopi #d6ceb2 Erkeklerin ≈ 1.27% kadarı
Tritanopi #61e7d8 Erkeklerin ≈ 0.0001% kadarı
Protanomali #c5e0ad Erkeklerin ≈ 1.08% kadarı
Döteranomali #b9d9b1 Erkeklerin ≈ 4.63% kadarı
Tritanomali #6de7c9 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-7de8af {
  color: #7de8af;
}
Arka plan
.bg-7de8af {
  background-color: #7de8af;
  color: #000000;
}
Kenarlık
.border-7de8af {
  border: 2px solid #7de8af;
}
CSS değişkenleri
:root {
  --color-primary: #7de8af;
  --color-primary-rgb: 125 232 175;
  --color-primary-hsl: 148 70% 70%;
}
Geçiş
.gradient-7de8af {
  background: linear-gradient(135deg, #7de8af, #7de8e5);
}
Renkli gölge
.shadow-7de8af {
  box-shadow: 0 8px 24px rgb(125 232 175 / 0.35);
}

#9fe2bf Seafoam Green ΔE 6.37 #7fffd4 Aquamarine ΔE 6.69 #ace1af Celadon ΔE 7.13 #a8e4a0 Granny Smith Apple ΔE 7.39 #aaf0d1 Magic Mint ΔE 7.84 #90ee90 Light Green ΔE 7.88 #66cdaa Medium Aquamarine ΔE 8.04 #821750 Ters renk #d3d3d3 Gri tonlama 

Seafoam Green
#7de8af  rgb(125, 232, 175)  hsl(148, 70%, 70%)  Seafoam Green
#e87db6  rgb(232, 125, 182)  hsl(328, 70%, 70%)  Persian Pink
#af7de8  rgb(175, 125, 232)  hsl(268, 70%, 70%)  Floral Lavender
#e8af7d  rgb(232, 175, 125)  hsl(28, 70%, 70%)  Fawn