ColorTool
Giriş yap
#97D4A3

#97d4a3 ≈ Celadon

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

#97d4a3, “yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %59,22 kırmızı, %83,14 yeşil ve %63,92 maviden oluşur; CMYK baskıda %28,77 camgöbeği, %0 macenta, %23,11 sarı ve %16,86 siyah kullanır. Ton açısı 131,8°, HSL’de doygunluğu %41,5 ve açıklığı %71,18’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 12,26:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Celadon (#ace1af), ΔE 3,74.

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

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

Tamamlayıcı

  1. #97d4a3
  2. #d497c8

Bölünmüş tamamlayıcı

  1. #97d4a3
  2. #c297d4
  3. #d497aa

Komşu

  1. #aad497
  2. #97d4a3
  3. #97d4c2

Üçlü

  1. #97d4a3
  2. #a397d4
  3. #d4a397

Dörtlü

  1. #97d4a3
  2. #97c8d4
  3. #d497c8
  4. #d4a397

Kare

  1. #97d4a3
  2. #97aad4
  3. #d497c8
  4. #d4c297

Tek renkli

  1. #3d954f
  2. #61be73
  3. #97d4a3
  4. #cdead3
  5. #f1f9f2

Koyu tonlar

#97d4a3 kademeli olarak siyahla karıştırıldı.

  1. #97d4a3
  2. #88bf93
  3. #79aa82
  4. #6a9472
  5. #5b7f62
  6. #4c6a52
  7. #3c5541
  8. #2d4031
  9. #1e2a21
  10. #0f1510
  11. #000000

Açık tonlar

#97d4a3 kademeli olarak beyazla karıştırıldı.

  1. #97d4a3
  2. #a1d8ac
  3. #acddb5
  4. #b6e1bf
  5. #c1e5c8
  6. #cbead1
  7. #d5eeda
  8. #e0f2e3
  9. #eaf6ed
  10. #f5fbf6
  11. #ffffff

Tonlar

#97d4a3 kademeli olarak griyle karıştırıldı.

  1. #97d4a3
  2. #95cca0
  3. #92c39c
  4. #90bb99
  5. #8eb295
  6. #8caa92
  7. #89a28e
  8. #87998b
  9. #859187
  10. #828884
  11. #808080

Okunaklı metin 1.71:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 12.26:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #c6c6c6 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b5ccb9 Erkeklerin ≈ 0.001% kadarı
Protanopi #d5caa0 Erkeklerin ≈ 1.01% kadarı
Döteranopi #cbc3a6 Erkeklerin ≈ 1.27% kadarı
Tritanopi #8ed2c7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #bfcea1 Erkeklerin ≈ 1.08% kadarı
Döteranomali #b8caa5 Erkeklerin ≈ 4.63% kadarı
Tritanomali #92d3b9 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-97d4a3 {
  color: #97d4a3;
}
Arka plan
.bg-97d4a3 {
  background-color: #97d4a3;
  color: #000000;
}
Kenarlık
.border-97d4a3 {
  border: 2px solid #97d4a3;
}
CSS değişkenleri
:root {
  --color-primary: #97d4a3;
  --color-primary-rgb: 151 212 163;
  --color-primary-hsl: 132 42% 71%;
}
Geçiş
.gradient-97d4a3 {
  background: linear-gradient(135deg, #97d4a3, #97d4c2);
}
Renkli gölge
.shadow-97d4a3 {
  box-shadow: 0 8px 24px rgb(151 212 163 / 0.35);
}

#ace1af Celadon ΔE 3.74 #9fe2bf Seafoam Green ΔE 5.42 #a8e4a0 Granny Smith Apple ΔE 5.58 #8fbc8f Dark Sea Green ΔE 6.17 #66cdaa Medium Aquamarine ΔE 8.03 #aaf0d1 Magic Mint ΔE 8.64 #93c572 Pistachio ΔE 9.08 #682b5c Ters renk #c6c6c6 Gri tonlama 

Celadon
#97d4a3  rgb(151, 212, 163)  hsl(132, 42%, 71%)  Celadon
#d497c8  rgb(212, 151, 200)  hsl(312, 42%, 71%)  Plum
#a397d4  rgb(163, 151, 212)  hsl(252, 42%, 71%)  Wisteria
#d4a397  rgb(212, 163, 151)  hsl(12, 42%, 71%)  Pastel Pink