ColorTool
Giriş yap
#CFA37E

#cfa37e ≈ Tumbleweed

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

#cfa37e, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %81,18 kırmızı, %63,92 yeşil ve %49,41 maviden oluşur; CMYK baskıda %0 camgöbeği, %21,26 macenta, %39,13 sarı ve %18,82 siyah kullanır. Ton açısı 27,41°, HSL’de doygunluğu %45,76 ve açıklığı %65,29’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,19:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Tumbleweed (#deaa88), ΔE 3,79.

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

Tamamlayıcı

  1. #cfa37e
  2. #7eaacf

Bölünmüş tamamlayıcı

  1. #cfa37e
  2. #7ecfcb
  3. #7e81cf

Komşu

  1. #cf7e81
  2. #cfa37e
  3. #cfcb7e

Üçlü

  1. #cfa37e
  2. #7ecfa3
  3. #a37ecf

Dörtlü

  1. #cfa37e
  2. #aacf7e
  3. #7eaacf
  4. #a37ecf

Kare

  1. #cfa37e
  2. #81cf7e
  3. #7eaacf
  4. #cb7ecf

Tek renkli

  1. #835631
  2. #ba7b46
  3. #cfa37e
  4. #e4cbb6
  5. #f8f3ed

Koyu tonlar

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

  1. #cfa37e
  2. #ba9371
  3. #a68265
  4. #917258
  5. #7c624c
  6. #68523f
  7. #534132
  8. #3e3126
  9. #292119
  10. #15100d
  11. #000000

Açık tonlar

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

  1. #cfa37e
  2. #d4ac8b
  3. #d9b598
  4. #ddbfa5
  5. #e2c8b2
  6. #e7d1bf
  7. #ecdacb
  8. #f1e3d8
  9. #f5ede5
  10. #faf6f2
  11. #ffffff

Tonlar

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

  1. #cfa37e
  2. #c7a07e
  3. #bf9c7e
  4. #b7997f
  5. #af957f
  6. #a8927f
  7. #a08e7f
  8. #988b7f
  9. #908780
  10. #888480
  11. #808080

Okunaklı metin 2.28:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.19:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #ababab Erkeklerin ≈ 0.003% kadarı
Akromatomali #bba89b Erkeklerin ≈ 0.001% kadarı
Protanopi #b1a67b Erkeklerin ≈ 1.01% kadarı
Döteranopi #bbaf7f Erkeklerin ≈ 1.27% kadarı
Tritanopi #dc9a99 Erkeklerin ≈ 0.0001% kadarı
Protanomali #bea57c Erkeklerin ≈ 1.08% kadarı
Döteranomali #c3ab7e Erkeklerin ≈ 4.63% kadarı
Tritanomali #d79e8f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#deaa88 Tumbleweed ΔE 3.79 #c19a6b Camel ΔE 5.02 #e5aa70 Fawn ΔE 6.03 #d2b48c Tan ΔE 6.39 #deb887 Burly Wood ΔE 6.97 #d99058 Persian Orange ΔE 7.96 #d68a59 Raw Sienna ΔE 8.98 #305c81 Ters renk #ababab Gri tonlama 

Tumbleweed
#cfa37e  rgb(207, 163, 126)  hsl(27, 46%, 65%)  Tumbleweed
#7eaacf  rgb(126, 170, 207)  hsl(207, 46%, 65%)  Iceberg
#7ecfa3  rgb(126, 207, 163)  hsl(147, 46%, 65%)  Medium Aquamarine
#a37ecf  rgb(163, 126, 207)  hsl(267, 46%, 65%)  Floral Lavender