Adlandırılmış renk · #C8B7A1
Ranch Tan
Ranch Tan, #C8B7A1: rgb(200 183 161), hsl(34 26% 71%), oklch(0.788 0.036 74.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Ranch Tan color name →
#C8B7A1
oklch(0.788 0.036 74.3)
Renk dönüşümleri
- HEX
- #c8b7a1
- RGB
- rgb(200 183 161)
- HSL
- hsl(34 26% 71%)
- HWB
- hwb(34 63% 22%)
- OKLCH
- oklch(0.788 0.036 74.3)
- OKLab
- oklab(0.788 0.01 0.035)
- CIE Lab
- lab(75.43 3.62 13.54)
- LCH
- lch(75.43 14.02 75)
- CMYK
- cmyk(0% 8% 20% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CDBEAA
- D3C5B3
- D8CCBD
- DED3C6
- E3DBCF
- E9E2D9
- EEE9E2
- F4F0EC
- F9F8F5
Koyu tonlar
- AE9F8B
- 948776
- 7B7062
- 635A4E
- 4C453C
- 36312A
- 211E19
- 0F0C09
- 020201
Gri tonlar
- C1B19E
- B9AC9A
- B2A697
- ABA194
- A39B91
- 9C968D
- 95908A
- 8E8B87
- 878583
Renk uyumları
Tamamlayıcı +180°
- C8B7A1
Ranch Tan
- ABBCD1
≈ Sailor Boy
Analog -30° +30°
- C8B7A1
Ranch Tan
- CFB3A7
≈ Cosmic Aura
- BDBBA1
≈ Dried Thyme
Üçlü +120° +240°
- C8B7A1
Ranch Tan
- A0C2C1
≈ Aspiring Blue
- C3B3CA
≈ Purple Essence
Bölünmüş tamamlayıcı +150° +210°
- C8B7A1
Ranch Tan
- A2BFCB
≈ Frozen Tundra
- B7B7D1
≈ Madder Blue
Dörtlü +90° +180° +270°
- C8B7A1
Ranch Tan
- A6C2B4
≈ Folk Tales
- ABBCD1
≈ Sailor Boy
- CCB1BF
≈ Runic Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.95:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.74:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.74:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--ranch-tan: #c8b7a1;
--ranch-tan-rgb: 200 183 161;
--ranch-tan-oklch: oklch(0.788 0.036 74.3);
}
.element {
color: var(--ranch-tan);
background-color: hsl(34 26% 71%);
border-color: oklch(0.788 0.036 74.3);
}Tailwind CSS v4
@theme {
--color-ranch-tan: #c8b7a1;
--color-ranch-tan-50: #fbf4ea;
--color-ranch-tan-100: #efe7db;
--color-ranch-tan-200: #ddd3c4;
--color-ranch-tan-300: #c2b5a3;
--color-ranch-tan-400: #ab9c87;
--color-ranch-tan-500: #95836c;
--color-ranch-tan-600: #7e6f5c;
--color-ranch-tan-700: #655949;
--color-ranch-tan-800: #4a4135;
--color-ranch-tan-900: #342d24;
--color-ranch-tan-950: #1f1a13;
}SCSS
$ranch-tan: #c8b7a1;
$ranch-tan-rgb: 200, 183, 161;
$ranch-tan-light: mix(#fff, $ranch-tan, 20%);
$ranch-tan-dark: mix(#000, $ranch-tan, 20%);
.element {
color: $ranch-tan;
box-shadow: 0 0 0 2px rgba($ranch-tan, 0.35);
}