ColorTool
Giriş yap
#B1978D

#b1978d ≈ Beaver

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

#b1978d, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %69,41 kırmızı, %59,22 yeşil ve %55,29 maviden oluşur; CMYK baskıda %0 camgöbeği, %14,69 macenta, %20,34 sarı ve %30,59 siyah kullanır. Ton açısı 16,67°, HSL’de doygunluğu %18,75 ve açıklığı %62,35’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 7,68:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Beaver (#9f8170), ΔE 7,84.

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

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

Tamamlayıcı

  1. #b1978d
  2. #8da7b1

Bölünmüş tamamlayıcı

  1. #b1978d
  2. #8db1a9
  3. #8d95b1

Komşu

  1. #b18d95
  2. #b1978d
  3. #b1a98d

Üçlü

  1. #b1978d
  2. #8db197
  3. #978db1

Dörtlü

  1. #b1978d
  2. #a7b18d
  3. #8da7b1
  4. #978db1

Kare

  1. #b1978d
  2. #95b18d
  3. #8da7b1
  4. #a98db1

Tek renkli

  1. #624c43
  2. #8f6f62
  3. #b1978d
  4. #d0c0ba
  5. #efeae8

Koyu tonlar

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

  1. #b1978d
  2. #9f887f
  3. #8e7971
  4. #7c6a63
  5. #6a5b55
  6. #594c47
  7. #473c38
  8. #352d2a
  9. #231e1c
  10. #120f0e
  11. #000000

Açık tonlar

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

  1. #b1978d
  2. #b9a198
  3. #c1aca4
  4. #c8b6af
  5. #d0c1bb
  6. #d8cbc6
  7. #e0d5d1
  8. #e8e0dd
  9. #efeae8
  10. #f7f5f4
  11. #ffffff

Tonlar

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

  1. #b1978d
  2. #ac958c
  3. #a7928a
  4. #a29089
  5. #9d8e88
  6. #998c87
  7. #948985
  8. #8f8784
  9. #8a8583
  10. #858281
  11. #808080

Okunaklı metin 2.73:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.68:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9c9c9c Erkeklerin ≈ 0.003% kadarı
Akromatomali #a59a96 Erkeklerin ≈ 0.001% kadarı
Protanopi #9d998c Erkeklerin ≈ 1.01% kadarı
Döteranopi #a39e8d Erkeklerin ≈ 1.27% kadarı
Tritanopi #b89394 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a5988d Erkeklerin ≈ 1.08% kadarı
Döteranomali #a99c8d Erkeklerin ≈ 4.63% kadarı
Tritanomali #b59591 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-b1978d {
  color: #b1978d;
}
Arka plan
.bg-b1978d {
  background-color: #b1978d;
  color: #000000;
}
Kenarlık
.border-b1978d {
  border: 2px solid #b1978d;
}
CSS değişkenleri
:root {
  --color-primary: #b1978d;
  --color-primary-rgb: 177 151 141;
  --color-primary-hsl: 17 19% 62%;
}
Geçiş
.gradient-b1978d {
  background: linear-gradient(135deg, #b1978d, #b1a98d);
}
Renkli gölge
.shadow-b1978d {
  box-shadow: 0 8px 24px rgb(177 151 141 / 0.35);
}

#9f8170 Beaver ΔE 7.84 #c4aead Silver Pink ΔE 7.92 #bc8f8f Rosy Brown ΔE 8.19 #a9a9a9 Dark Gray ΔE 11.81 #a9a9a9 Dark Grey ΔE 11.81 #deaa88 Tumbleweed ΔE 11.86 #dea5a4 Pastel Pink ΔE 12.01 #4e6872 Ters renk #9c9c9c Gri tonlama 

Beaver
#b1978d  rgb(177, 151, 141)  hsl(17, 19%, 62%)  Beaver
#8da7b1  rgb(141, 167, 177)  hsl(197, 19%, 62%)  Moonstone Blue
#8db197  rgb(141, 177, 151)  hsl(137, 19%, 62%)  Dark Sea Green
#978db1  rgb(151, 141, 177)  hsl(257, 19%, 62%)  Cool Gray