En yakın adlandırılmış renk · #D8BB98
#D8BB98
En yakın adlandırılmış renk: Cosy Wool
#D8BB98 (rgb(216 187 152), hsl(33 45% 72%), oklch(0.808 0.058 72.1)) en çok Cosy Wool 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.
#D8BB98
oklch(0.808 0.058 72.1)
Renk dönüşümleri
- HEX
- #d8bb98
- RGB
- rgb(216 187 152)
- HSL
- hsl(33 45% 72%)
- HWB
- hwb(33 60% 15%)
- OKLCH
- oklch(0.808 0.058 72.1)
- OKLab
- oklab(0.808 0.018 0.055)
- CIE Lab
- lab(77.76 6.91 21.82)
- LCH
- lch(77.76 22.89 72.4)
- CMYK
- cmyk(0% 13% 30% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCC2A2
- E0C8AC
- E4CFB7
- E8D6C1
- ECDDCB
- F0E4D5
- F3EAE0
- F7F1EA
- FBF8F5
Koyu tonlar
- BCA284
- A08A70
- 85735C
- 6B5C4A
- 534638
- 3B3227
- 251F17
- 110D08
- 020201
Gri tonlar
- CFB596
- C6AF94
- BDA991
- B4A38F
- AB9D8D
- A2978A
- 9A9188
- 918C85
- 898683
Renk uyumları
Tamamlayıcı +180°
- D8BB98
Cosy Wool
- A6C3E5
≈ Promise
Analog -30° +30°
- D8BB98
Cosy Wool
- E2B5A4
≈ Terra Cotta Blush
- C7C298
≈ Parlour Sage
Üçlü +120° +240°
- D8BB98
Cosy Wool
- 95CDCA
≈ Lake
- CDB6DC
≈ Viking Diva
Bölünmüş tamamlayıcı +150° +210°
- D8BB98
Cosy Wool
- 98C9DB
≈ Baby Motive
- BABCE5
≈ Pretty Posie
Dörtlü +90° +180° +270°
- D8BB98
Cosy Wool
- A0CDB5
≈ Calculus
- A6C3E5
≈ Promise
- DCB2CB
≈ Purple Poodle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.82:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.48:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.48:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--cosy-wool: #d8bb98;
--cosy-wool-rgb: 216 187 152;
--cosy-wool-oklch: oklch(0.808 0.058 72.1);
}
.element {
color: var(--cosy-wool);
background-color: hsl(33 45% 72%);
border-color: oklch(0.808 0.058 72.1);
}Tailwind CSS v4
@theme {
--color-cosy-wool: #d8bb98;
--color-cosy-wool-50: #fff3e4;
--color-cosy-wool-100: #f4e6d3;
--color-cosy-wool-200: #e3d1ba;
--color-cosy-wool-300: #c9b497;
--color-cosy-wool-400: #b49979;
--color-cosy-wool-500: #9e805b;
--color-cosy-wool-600: #866d4e;
--color-cosy-wool-700: #6b573e;
--color-cosy-wool-800: #4f3f2c;
--color-cosy-wool-900: #372b1e;
--color-cosy-wool-950: #22190e;
}SCSS
$cosy-wool: #d8bb98;
$cosy-wool-rgb: 216, 187, 152;
$cosy-wool-light: mix(#fff, $cosy-wool, 20%);
$cosy-wool-dark: mix(#000, $cosy-wool, 20%);
.element {
color: $cosy-wool;
box-shadow: 0 0 0 2px rgba($cosy-wool, 0.35);
}