ColorTool
Giriş yap
#CFA67F

#cfa67f ≈ Tumbleweed

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

#cfa67f, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %81,18 kırmızı, %65,1 yeşil ve %49,8 maviden oluşur; CMYK baskıda %0 camgöbeği, %19,81 macenta, %38,65 sarı ve %18,82 siyah kullanır. Ton açısı 29,25°, HSL’de doygunluğu %45,45 ve açıklığı %65,49’dir. Sıcak bir renktir ve çoğunlukla coşku, sıcaklık ve yaratıcılık ile ilişkilendirilir. Tasarımcılar onu genellikle eylem çağrısı düğmeleri, gıda markaları ve restoranlar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 9,41:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Tumbleweed (#deaa88), ΔE 4,58.

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

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

Tamamlayıcı

  1. #cfa67f
  2. #7fa8cf

Bölünmüş tamamlayıcı

  1. #cfa67f
  2. #7fcfce
  3. #7f80cf

Komşu

  1. #cf7f80
  2. #cfa67f
  3. #cfce7f

Üçlü

  1. #cfa67f
  2. #7fcfa6
  3. #a67fcf

Dörtlü

  1. #cfa67f
  2. #a8cf7f
  3. #7fa8cf
  4. #a67fcf

Kare

  1. #cfa67f
  2. #80cf7f
  3. #7fa8cf
  4. #ce7fcf

Tek renkli

  1. #845931
  2. #ba7f47
  3. #cfa67f
  4. #e4cdb7
  5. #f9f3ee

Koyu tonlar

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

  1. #cfa67f
  2. #ba9572
  3. #a68566
  4. #917459
  5. #7c644c
  6. #685340
  7. #534233
  8. #3e3226
  9. #292119
  10. #15110d
  11. #000000

Açık tonlar

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

  1. #cfa67f
  2. #d4af8c
  3. #d9b899
  4. #ddc1a5
  5. #e2cab2
  6. #e7d3bf
  7. #ecdbcc
  8. #f1e4d9
  9. #f5ede5
  10. #faf6f2
  11. #ffffff

Tonlar

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

  1. #cfa67f
  2. #c7a27f
  3. #bf9e7f
  4. #b79b7f
  5. #af977f
  6. #a89380
  7. #a08f80
  8. #988b80
  9. #908880
  10. #888480
  11. #808080

Okunaklı metin 2.23:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.41:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #aeaeae Erkeklerin ≈ 0.003% kadarı
Akromatomali #bcab9d Erkeklerin ≈ 0.001% kadarı
Protanopi #b3a87c Erkeklerin ≈ 1.01% kadarı
Döteranopi #bdb180 Erkeklerin ≈ 1.27% kadarı
Tritanopi #dc9d9c Erkeklerin ≈ 0.0001% kadarı
Protanomali #bfa77d Erkeklerin ≈ 1.08% kadarı
Döteranomali #c4ad7f Erkeklerin ≈ 4.63% kadarı
Tritanomali #d7a191 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-cfa67f {
  color: #cfa67f;
}
Arka plan
.bg-cfa67f {
  background-color: #cfa67f;
  color: #000000;
}
Kenarlık
.border-cfa67f {
  border: 2px solid #cfa67f;
}
CSS değişkenleri
:root {
  --color-primary: #cfa67f;
  --color-primary-rgb: 207 166 127;
  --color-primary-hsl: 29 45% 65%;
}
Geçiş
.gradient-cfa67f {
  background: linear-gradient(135deg, #cfa67f, #cfce7f);
}
Renkli gölge
.shadow-cfa67f {
  box-shadow: 0 8px 24px rgb(207 166 127 / 0.35);
}

#deaa88 Tumbleweed ΔE 4.58 #c19a6b Camel ΔE 4.62 #d2b48c Tan ΔE 5.00 #deb887 Burly Wood ΔE 5.68 #e5aa70 Fawn ΔE 5.73 #d99058 Persian Orange ΔE 8.80 #e3a857 Indian Yellow ΔE 9.06 #305980 Ters renk #aeaeae Gri tonlama 

Tumbleweed
#cfa67f  rgb(207, 166, 127)  hsl(29, 45%, 65%)  Tumbleweed
#7fa8cf  rgb(127, 168, 207)  hsl(209, 45%, 65%)  Iceberg
#7fcfa6  rgb(127, 207, 166)  hsl(149, 45%, 65%)  Medium Aquamarine
#a67fcf  rgb(166, 127, 207)  hsl(269, 45%, 65%)  Floral Lavender