ColorTool
Giriş yap
#ECD46A

#ecd46a ≈ Jasmine

  • sarı
  • Açıklık: yüksek
  • Doygunluk: güçlü
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#ecd46a, “sarı” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %92,55 kırmızı, %83,14 yeşil ve %41,57 maviden oluşur; CMYK baskıda %0 camgöbeği, %10,17 macenta, %55,08 sarı ve %7,45 siyah kullanır. Ton açısı 48,92°, HSL’de doygunluğu %77,38 ve açıklığı %67,06’dir. Sıcak bir renktir ve çoğunlukla iyimserlik, dikkat ve neşe ile ilişkilendirilir. Tasarımcılar onu genellikle vurgular ve uyarılar, çocuk ürünleri ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 14,19:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Jasmine (#f8de7e), ΔE 2,93.

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

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

Tamamlayıcı

  1. #ecd46a
  2. #6a82ec

Bölünmüş tamamlayıcı

  1. #ecd46a
  2. #6ac3ec
  3. #936aec

Komşu

  1. #ec936a
  2. #ecd46a
  3. #c3ec6a

Üçlü

  1. #ecd46a
  2. #6aecd4
  3. #d46aec

Dörtlü

  1. #ecd46a
  2. #82ec6a
  3. #6a82ec
  4. #d46aec

Kare

  1. #ecd46a
  2. #6aec93
  3. #6a82ec
  4. #ec6ac3

Tek renkli

  1. #a88d15
  2. #e3c026
  3. #ecd46a
  4. #f5e8ae
  5. #fdfaed

Koyu tonlar

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

  1. #ecd46a
  2. #d4bf5f
  3. #bdaa55
  4. #a5944a
  5. #8e7f40
  6. #766a35
  7. #5e552a
  8. #474020
  9. #2f2a15
  10. #18150b
  11. #000000

Açık tonlar

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

  1. #ecd46a
  2. #eed879
  3. #f0dd88
  4. #f2e197
  5. #f4e5a6
  6. #f6eab5
  7. #f7eec3
  8. #f9f2d2
  9. #fbf6e1
  10. #fdfbf0
  11. #ffffff

Tonlar

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

  1. #ecd46a
  2. #e1cc6c
  3. #d6c36e
  4. #ccbb71
  5. #c1b273
  6. #b6aa75
  7. #aba277
  8. #a09979
  9. #96917c
  10. #8b887e
  11. #808080

Okunaklı metin 1.48:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 14.19:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d4d4d4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #ded4b3 Erkeklerin ≈ 0.001% kadarı
Protanopi #e6d060 Erkeklerin ≈ 1.01% kadarı
Döteranopi #ecd86f Erkeklerin ≈ 1.27% kadarı
Tritanopi #fcc7bc Erkeklerin ≈ 0.0001% kadarı
Protanomali #e8d164 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ecd66d Erkeklerin ≈ 4.63% kadarı
Tritanomali #f6cca2 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ecd46a {
  color: #ecd46a;
}
Arka plan
.bg-ecd46a {
  background-color: #ecd46a;
  color: #000000;
}
Kenarlık
.border-ecd46a {
  border: 2px solid #ecd46a;
}
CSS değişkenleri
:root {
  --color-primary: #ecd46a;
  --color-primary-rgb: 236 212 106;
  --color-primary-hsl: 49 77% 67%;
}
Geçiş
.gradient-ecd46a {
  background: linear-gradient(135deg, #ecd46a, #c3ec6a);
}
Renkli gölge
.shadow-ecd46a {
  box-shadow: 0 8px 24px rgb(236 212 106 / 0.35);
}

#f8de7e Jasmine ΔE 2.93 #f0dc82 Buff ΔE 3.11 #fada5e Naples Yellow ΔE 3.27 #eedc82 Flax ΔE 3.28 #e4d96f Straw ΔE 3.60 #ffdb58 Mustard ΔE 4.47 #f0e68c Khaki ΔE 5.79 #132b95 Ters renk #d4d4d4 Gri tonlama 

Jasmine
#ecd46a  rgb(236, 212, 106)  hsl(49, 77%, 67%)  Jasmine
#6a82ec  rgb(106, 130, 236)  hsl(229, 77%, 67%)  Glaucous
#6aecd4  rgb(106, 236, 212)  hsl(169, 77%, 67%)  Turquoise
#d46aec  rgb(212, 106, 236)  hsl(289, 77%, 67%)  Heliotrope