En yakın adlandırılmış renk · #CEAB8D
#CEAB8D
En yakın adlandırılmış renk: Cashmere
#CEAB8D (rgb(206 171 141), hsl(28 40% 68%), oklch(0.765 0.058 62.4)) en çok Cashmere 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.
#CEAB8D
oklch(0.765 0.058 62.4)
Renk dönüşümleri
- HEX
- #ceab8d
- RGB
- rgb(206 171 141)
- HSL
- hsl(28 40% 68%)
- HWB
- hwb(28 55% 19%)
- OKLCH
- oklch(0.765 0.058 62.4)
- OKLab
- oklab(0.765 0.027 0.051)
- CIE Lab
- lab(72.59 9.99 20.53)
- LCH
- lch(72.59 22.83 64.1)
- CMYK
- cmyk(0% 17% 32% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3B398
- D8BCA3
- DDC4AF
- E2CCBA
- E7D5C5
- ECDDD1
- F1E5DC
- F5EEE8
- FAF6F3
Koyu tonlar
- B3947A
- 987E67
- 7F6855
- 665444
- 4E4033
- 382D23
- 231B14
- 0F0B07
- 020101
Gri tonlar
- C6A78C
- BEA28B
- B69E8A
- AE9A88
- A79587
- 9F9186
- 978D84
- 8F8983
- 888482
Renk uyumları
Tamamlayıcı +180°
- CEAB8D
Cashmere
- 93B8D5
≈ Blue Pointer
Analog -30° +30°
- CEAB8D
Cashmere
- D5A69B
≈ Bubble Shell
- BFB289
≈ Weaver’s Spool
Üçlü +120° +240°
- CEAB8D
Cashmere
- 89BFB5
≈ Undine
- B9AAD2
≈ Purple Hibiscus
Bölünmüş tamamlayıcı +150° +210°
- CEAB8D
Cashmere
- 87BDC8
≈ Blue Echo
- A6B1D8
≈ High Style
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.13:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.83:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--cashmere: #ceab8d;
--cashmere-rgb: 206 171 141;
--cashmere-oklch: oklch(0.765 0.058 62.4);
}
.element {
color: var(--cashmere);
background-color: hsl(28 40% 68%);
border-color: oklch(0.765 0.058 62.4);
}Tailwind CSS v4
@theme {
--color-cashmere: #ceab8d;
--color-cashmere-50: #fff2e4;
--color-cashmere-100: #f6e4d4;
--color-cashmere-200: #e6d0bb;
--color-cashmere-300: #cdb299;
--color-cashmere-400: #b8977b;
--color-cashmere-500: #a27e5e;
--color-cashmere-600: #896b50;
--color-cashmere-700: #6e5540;
--color-cashmere-800: #513e2e;
--color-cashmere-900: #392a1f;
--color-cashmere-950: #23180f;
}SCSS
$cashmere: #ceab8d;
$cashmere-rgb: 206, 171, 141;
$cashmere-light: mix(#fff, $cashmere, 20%);
$cashmere-dark: mix(#000, $cashmere, 20%);
.element {
color: $cashmere;
box-shadow: 0 0 0 2px rgba($cashmere, 0.35);
}