ColorTool
Giriş yap
#B0D3A2

#b0d3a2 ≈ Celadon

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

#b0d3a2, “yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %69,02 kırmızı, %82,75 yeşil ve %63,53 maviden oluşur; CMYK baskıda %16,59 camgöbeği, %0 macenta, %23,22 sarı ve %17,25 siyah kullanır. Ton açısı 102,86°, HSL’de doygunluğu %35,77 ve açıklığı %73,14’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,69:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Celadon (#ace1af), ΔE 4,35.

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.5843

Tamamlayıcı

  1. #b0d3a2
  2. #c5a2d3

Bölünmüş tamamlayıcı

  1. #b0d3a2
  2. #ada2d3
  3. #d3a2c9

Komşu

  1. #c9d3a2
  2. #b0d3a2
  3. #a2d3ad

Üçlü

  1. #b0d3a2
  2. #a2b0d3
  3. #d3a2b0

Dörtlü

  1. #b0d3a2
  2. #a2d3c5
  3. #c5a2d3
  4. #d3a2b0

Kare

  1. #b0d3a2
  2. #a2c9d3
  3. #c5a2d3
  4. #d3ada2

Tek renkli

  1. #5d9547
  2. #84ba6e
  3. #b0d3a2
  4. #dcecd6
  5. #f3f8f1

Koyu tonlar

#b0d3a2 kademeli olarak siyahla karıştırıldı.

  1. #b0d3a2
  2. #9ebe92
  3. #8da982
  4. #7b9471
  5. #6a7f61
  6. #586a51
  7. #465441
  8. #353f31
  9. #232a20
  10. #121510
  11. #000000

Açık tonlar

#b0d3a2 kademeli olarak beyazla karıştırıldı.

  1. #b0d3a2
  2. #b8d7ab
  3. #c0dcb5
  4. #c8e0be
  5. #d0e5c7
  6. #d8e9d1
  7. #dfedda
  8. #e7f2e3
  9. #eff6ec
  10. #f7fbf6
  11. #ffffff

Tonlar

#b0d3a2 kademeli olarak griyle karıştırıldı.

  1. #b0d3a2
  2. #abcb9f
  3. #a6c29b
  4. #a2ba98
  5. #9db294
  6. #98aa91
  7. #93a18e
  8. #8e998a
  9. #8a9187
  10. #858883
  11. #808080

Okunaklı metin 1.66:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 12.69:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #c9c9c9 Erkeklerin ≈ 0.003% kadarı
Akromatomali #c0cdbb Erkeklerin ≈ 0.001% kadarı
Protanopi #d7cb9f Erkeklerin ≈ 1.01% kadarı
Döteranopi #d1c8a4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #afcfc6 Erkeklerin ≈ 0.0001% kadarı
Protanomali #c8cea0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c5cca3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #b0d1b8 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-b0d3a2 {
  color: #b0d3a2;
}
Arka plan
.bg-b0d3a2 {
  background-color: #b0d3a2;
  color: #000000;
}
Kenarlık
.border-b0d3a2 {
  border: 2px solid #b0d3a2;
}
CSS değişkenleri
:root {
  --color-primary: #b0d3a2;
  --color-primary-rgb: 176 211 162;
  --color-primary-hsl: 103 36% 73%;
}
Geçiş
.gradient-b0d3a2 {
  background: linear-gradient(135deg, #b0d3a2, #a2d3ad);
}
Renkli gölge
.shadow-b0d3a2 {
  box-shadow: 0 8px 24px rgb(176 211 162 / 0.35);
}

#ace1af Celadon ΔE 4.35 #a8e4a0 Granny Smith Apple ΔE 5.92 #8fbc8f Dark Sea Green ΔE 6.87 #d0f0c0 Tea Green ΔE 6.88 #9fe2bf Seafoam Green ΔE 8.27 #93c572 Pistachio ΔE 8.49 #9ab973 Olivine ΔE 8.72 #4f2c5d Ters renk #c9c9c9 Gri tonlama 

Celadon
#b0d3a2  rgb(176, 211, 162)  hsl(103, 36%, 73%)  Celadon
#c5a2d3  rgb(197, 162, 211)  hsl(283, 36%, 73%)  Wisteria
#a2b0d3  rgb(162, 176, 211)  hsl(223, 36%, 73%)  Wild Blue Yonder
#d3a2b0  rgb(211, 162, 176)  hsl(343, 36%, 73%)  Pastel Pink