ColorTool
Giriş yap
#7BCCA3

#7bcca3 ≈ Medium Aquamarine

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

#7bcca3, “yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %48,24 kırmızı, %80 yeşil ve %63,92 maviden oluşur; CMYK baskıda %39,71 camgöbeği, %0 macenta, %20,1 sarı ve %20 siyah kullanır. Ton açısı 149,63°, HSL’de doygunluğu %44,26 ve açıklığı %64,12’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 11,01:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Medium Aquamarine (#66cdaa), ΔE 3,45.

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

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

Tamamlayıcı

  1. #7bcca3
  2. #cc7ba4

Bölünmüş tamamlayıcı

  1. #7bcca3
  2. #cc7bcc
  3. #cc7b7c

Komşu

  1. #7ccc7b
  2. #7bcca3
  3. #7bcccc

Üçlü

  1. #7bcca3
  2. #a37bcc
  3. #cca37b

Dörtlü

  1. #7bcca3
  2. #7ba4cc
  3. #cc7ba4
  4. #cca37b

Kare

  1. #7bcca3
  2. #7b7ccc
  3. #cc7ba4
  4. #cccc7b

Tek renkli

  1. #307e57
  2. #46b57d
  3. #7bcca3
  4. #b2e1c9
  5. #e9f7f0

Koyu tonlar

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

  1. #7bcca3
  2. #6fb893
  3. #62a382
  4. #568f72
  5. #4a7a62
  6. #3e6652
  7. #315241
  8. #253d31
  9. #192921
  10. #0c1410
  11. #000000

Açık tonlar

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

  1. #7bcca3
  2. #88d1ac
  3. #95d6b5
  4. #a3dbbf
  5. #b0e0c8
  6. #bde6d1
  7. #caebda
  8. #d7f0e3
  9. #e5f5ed
  10. #f2faf6
  11. #ffffff

Tonlar

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

  1. #7bcca3
  2. #7cc4a0
  3. #7cbd9c
  4. #7db599
  5. #7dae95
  6. #7ea692
  7. #7e9e8e
  8. #7f978b
  9. #7f8f87
  10. #808884
  11. #808080

Okunaklı metin 1.91:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 11.01:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #bcbcbc Erkeklerin ≈ 0.003% kadarı
Akromatomali #a6c2b2 Erkeklerin ≈ 0.001% kadarı
Protanopi #cac1a1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #bdb8a5 Erkeklerin ≈ 1.27% kadarı
Tritanopi #67ccc0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b0c6a2 Erkeklerin ≈ 1.08% kadarı
Döteranomali #a7c0a4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #70ccb5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-7bcca3 {
  color: #7bcca3;
}
Arka plan
.bg-7bcca3 {
  background-color: #7bcca3;
  color: #000000;
}
Kenarlık
.border-7bcca3 {
  border: 2px solid #7bcca3;
}
CSS değişkenleri
:root {
  --color-primary: #7bcca3;
  --color-primary-rgb: 123 204 163;
  --color-primary-hsl: 150 44% 64%;
}
Geçiş
.gradient-7bcca3 {
  background: linear-gradient(135deg, #7bcca3, #7bcccc);
}
Renkli gölge
.shadow-7bcca3 {
  box-shadow: 0 8px 24px rgb(123 204 163 / 0.35);
}

#66cdaa Medium Aquamarine ΔE 3.45 #9fe2bf Seafoam Green ΔE 6.47 #8fbc8f Dark Sea Green ΔE 6.92 #00cc99 Caribbean Green ΔE 7.34 #ace1af Celadon ΔE 8.15 #3eb489 Mint ΔE 8.41 #50c878 Emerald ΔE 8.85 #84335c Ters renk #bcbcbc Gri tonlama 

Medium Aquamarine
#7bcca3  rgb(123, 204, 163)  hsl(150, 44%, 64%)  Medium Aquamarine
#cc7ba4  rgb(204, 123, 164)  hsl(330, 44%, 64%)  Thulian Pink
#a37bcc  rgb(163, 123, 204)  hsl(270, 44%, 64%)  Floral Lavender
#cca37b  rgb(204, 163, 123)  hsl(30, 44%, 64%)  Camel