ColorTool
Giriş yap
#F6B697

#f6b697 ≈ Tumbleweed

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

#f6b697, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %96,47 kırmızı, %71,37 yeşil ve %59,22 maviden oluşur; CMYK baskıda %0 camgöbeği, %26,02 macenta, %38,62 sarı ve %3,53 siyah kullanır. Ton açısı 19,58°, HSL’de doygunluğu %84,07 ve açıklığı %77,84’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 12,06:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Tumbleweed (#deaa88), ΔE 5,25.

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

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

Tamamlayıcı

  1. #f6b697
  2. #97d7f6

Bölünmüş tamamlayıcı

  1. #f6b697
  2. #97f6e5
  3. #97a7f6

Komşu

  1. #f697a7
  2. #f6b697
  3. #f6e597

Üçlü

  1. #f6b697
  2. #97f6b6
  3. #b697f6

Dörtlü

  1. #f6b697
  2. #d7f697
  3. #97d7f6
  4. #b697f6

Kare

  1. #f6b697
  2. #a7f697
  3. #97d7f6
  4. #e597f6

Tek renkli

  1. #e15613
  2. #f08551
  3. #f6b697
  4. #fce7dd
  5. #fdf2ec

Koyu tonlar

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

  1. #f6b697
  2. #dda488
  3. #c59279
  4. #ac7f6a
  5. #946d5b
  6. #7b5b4c
  7. #62493c
  8. #4a372d
  9. #31241e
  10. #19120f
  11. #000000

Açık tonlar

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

  1. #f6b697
  2. #f7bda1
  3. #f8c5ac
  4. #f9ccb6
  5. #fad3c1
  6. #fbdbcb
  7. #fbe2d5
  8. #fce9e0
  9. #fdf0ea
  10. #fef8f5
  11. #ffffff

Tonlar

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

  1. #f6b697
  2. #eab195
  3. #deab92
  4. #d3a690
  5. #c7a08e
  6. #bb9b8c
  7. #af9689
  8. #a39087
  9. #988b85
  10. #8c8582
  11. #808080

Okunaklı metin 1.74:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 12.06:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #c4c4c4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #dabfb4 Erkeklerin ≈ 0.001% kadarı
Protanopi #c7bc95 Erkeklerin ≈ 1.01% kadarı
Döteranopi #d6ca97 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffabae Erkeklerin ≈ 0.0001% kadarı
Protanomali #dbba96 Erkeklerin ≈ 1.08% kadarı
Döteranomali #e3c297 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ffb0a5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f6b697 {
  color: #f6b697;
}
Arka plan
.bg-f6b697 {
  background-color: #f6b697;
  color: #000000;
}
Kenarlık
.border-f6b697 {
  border: 2px solid #f6b697;
}
CSS değişkenleri
:root {
  --color-primary: #f6b697;
  --color-primary-rgb: 246 182 151;
  --color-primary-hsl: 20 84% 78%;
}
Geçiş
.gradient-f6b697 {
  background: linear-gradient(135deg, #f6b697, #f6e597);
}
Renkli gölge
.shadow-f6b697 {
  box-shadow: 0 8px 24px rgb(246 182 151 / 0.35);
}

#deaa88 Tumbleweed ΔE 5.25 #ebc2af Zinnwaldite ΔE 6.13 #fbceb1 Apricot ΔE 6.64 #ffa07a Light Salmon ΔE 6.77 #edc9af Desert Sand ΔE 7.72 #ffa089 Vivid Tangerine ΔE 7.92 #e9967a Dark Salmon ΔE 8.32 #094968 Ters renk #c4c4c4 Gri tonlama 

Tumbleweed
#f6b697  rgb(246, 182, 151)  hsl(20, 84%, 78%)  Tumbleweed
#97d7f6  rgb(151, 215, 246)  hsl(200, 84%, 78%)  Baby Blue
#97f6b6  rgb(151, 246, 182)  hsl(140, 84%, 78%)  Granny Smith Apple
#b697f6  rgb(182, 151, 246)  hsl(260, 84%, 78%)  Floral Lavender