En yakın adlandırılmış renk · #CE8C5A
#CE8C5A
En yakın adlandırılmış renk: Whiskey Sour
#CE8C5A (rgb(206 140 90), hsl(26 54% 58%), oklch(0.696 0.104 57.1)) en çok Whiskey Sour adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#CE8C5A
oklch(0.696 0.104 57.1)
Renk dönüşümleri
- HEX
- #ce8c5a
- RGB
- rgb(206 140 90)
- HSL
- hsl(26 54% 58%)
- HWB
- hwb(26 35% 19%)
- OKLCH
- oklch(0.696 0.104 57.1)
- OKLab
- oklab(0.696 0.056 0.087)
- CIE Lab
- lab(64.28 22.05 37.17)
- LCH
- lch(64.28 43.22 59.3)
- CMYK
- cmyk(0% 32% 56% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D4976B
- D9A37C
- DEAE8C
- E3BA9C
- E8C5AD
- EDD1BD
- F2DCCD
- F6E8DE
- FBF3EE
Koyu tonlar
- B3794D
- 986741
- 7F5535
- 664329
- 4E331E
- 382313
- 231409
- 0F0703
- 020100
Gri tonlar
- C68B5F
- BF8A64
- B78968
- AF886C
- A88770
- A08673
- 988477
- 90837A
- 88827D
Renk uyumları
Tamamlayıcı +180°
- CE8C5A
Whiskey Sour
- 58A7D6
≈ Cousteau
Analog -30° +30°
- CE8C5A
Whiskey Sour
- D6837A
≈ Salmon Pate
- B9994B
≈ Brown Rum
Üçlü +120° +240°
- CE8C5A
Whiskey Sour
- 46B29C
≈ Hole in One
- A48FD6
≈ Middy’s Purple
Bölünmüş tamamlayıcı +150° +210°
- CE8C5A
Whiskey Sour
- 38AFBE
≈ Placid Sea
- 809BDE
≈ Portage
Dörtlü +90° +180° +270°
- CE8C5A
Whiskey Sour
- 70AF77
≈ Pale Green
- 58A7D6
≈ Cousteau
- C086BF
≈ Lavender Sweater
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.52:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--whiskey-sour: #ce8c5a;
--whiskey-sour-rgb: 206 140 90;
--whiskey-sour-oklch: oklch(0.696 0.104 57.1);
}
.element {
color: var(--whiskey-sour);
background-color: hsl(26 54% 58%);
border-color: oklch(0.696 0.104 57.1);
}Tailwind CSS v4
@theme {
--color-whiskey-sour: #ce8c5a;
--color-whiskey-sour-50: #ffefd8;
--color-whiskey-sour-100: #ffe0c6;
--color-whiskey-sour-200: #f7caa8;
--color-whiskey-sour-300: #e0ab82;
--color-whiskey-sour-400: #cd8e5f;
--color-whiskey-sour-500: #b9733a;
--color-whiskey-sour-600: #9d6132;
--color-whiskey-sour-700: #7e4e28;
--color-whiskey-sour-800: #5e381c;
--color-whiskey-sour-900: #422612;
--color-whiskey-sour-950: #2a1405;
}SCSS
$whiskey-sour: #ce8c5a;
$whiskey-sour-rgb: 206, 140, 90;
$whiskey-sour-light: mix(#fff, $whiskey-sour, 20%);
$whiskey-sour-dark: mix(#000, $whiskey-sour, 20%);
.element {
color: $whiskey-sour;
box-shadow: 0 0 0 2px rgba($whiskey-sour, 0.35);
}