ColorTool
Giriş yap
#DEF2BB

#def2bb ≈ Tea Green

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

#def2bb, “sarı-yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %87,06 kırmızı, %94,9 yeşil ve %73,33 maviden oluşur; CMYK baskıda %8,26 camgöbeği, %0 macenta, %22,73 sarı ve %5,1 siyah kullanır. Ton açısı 81,82°, HSL’de doygunluğu %67,9 ve açıklığı %84,12’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla tazelik, büyüme ve canlılık ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 17,52:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Tea Green (#d0f0c0), ΔE 3,71.

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

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

Tamamlayıcı

  1. #def2bb
  2. #cfbbf2

Bölünmüş tamamlayıcı

  1. #def2bb
  2. #bbc3f2
  3. #ebbbf2

Komşu

  1. #f2ebbb
  2. #def2bb
  3. #c3f2bb

Üçlü

  1. #def2bb
  2. #bbdef2
  3. #f2bbde

Dörtlü

  1. #def2bb
  2. #bbf2cf
  3. #cfbbf2
  4. #f2bbde

Kare

  1. #def2bb
  2. #bbf2eb
  3. #cfbbf2
  4. #f2bbc3

Tek renkli

  1. #a0d93b
  2. #bfe67b
  3. #def2bb
  4. #f7fcee
  5. #f7fcee

Koyu tonlar

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

  1. #def2bb
  2. #c8daa8
  3. #b2c296
  4. #9ba983
  5. #859170
  6. #6f795e
  7. #59614b
  8. #434938
  9. #2c3025
  10. #161813
  11. #000000

Açık tonlar

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

  1. #def2bb
  2. #e1f3c2
  3. #e5f5c9
  4. #e8f6cf
  5. #ebf7d6
  6. #eff9dd
  7. #f2fae4
  8. #f5fbeb
  9. #f8fcf1
  10. #fcfef8
  11. #ffffff

Tonlar

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

  1. #def2bb
  2. #d5e7b5
  3. #cbdbaf
  4. #c2d0a9
  5. #b8c4a3
  6. #afb99e
  7. #a6ae98
  8. #9ca292
  9. #93978c
  10. #898b86
  11. #808080

Okunaklı metin 1.2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 17.52:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #eaeaea Erkeklerin ≈ 0.003% kadarı
Akromatomali #e6edd9 Erkeklerin ≈ 0.001% kadarı
Protanopi #f9ebb8 Erkeklerin ≈ 1.01% kadarı
Döteranopi #f6eabd Erkeklerin ≈ 1.27% kadarı
Tritanopi #e2ece3 Erkeklerin ≈ 0.0001% kadarı
Protanomali #eeeeb9 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ededbc Erkeklerin ≈ 4.63% kadarı
Tritanomali #e0efd4 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-def2bb {
  color: #def2bb;
}
Arka plan
.bg-def2bb {
  background-color: #def2bb;
  color: #000000;
}
Kenarlık
.border-def2bb {
  border: 2px solid #def2bb;
}
CSS değişkenleri
:root {
  --color-primary: #def2bb;
  --color-primary-rgb: 222 242 187;
  --color-primary-hsl: 82 68% 84%;
}
Geçiş
.gradient-def2bb {
  background: linear-gradient(135deg, #def2bb, #c3f2bb);
}
Renkli gölge
.shadow-def2bb {
  box-shadow: 0 8px 24px rgb(222 242 187 / 0.35);
}

#d0f0c0 Tea Green ΔE 3.71 #fafad2 Light Goldenrod Yellow ΔE 7.18 #fffdd0 Cream ΔE 7.38 #eee8aa Pale Goldenrod ΔE 7.62 #fffacd Lemon Chiffon ΔE 8.05 #faf0be Blond ΔE 8.83 #ace1af Celadon ΔE 8.98 #210d44 Ters renk #eaeaea Gri tonlama 

Tea Green
#def2bb  rgb(222, 242, 187)  hsl(82, 68%, 84%)  Tea Green
#cfbbf2  rgb(207, 187, 242)  hsl(262, 68%, 84%)  Periwinkle
#bbdef2  rgb(187, 222, 242)  hsl(202, 68%, 84%)  Columbia Blue
#f2bbde  rgb(242, 187, 222)  hsl(322, 68%, 84%)  Nadeshiko Pink