Couleur nommée la plus proche · #D8BB98
#D8BB98
Couleur nommée la plus proche: Cosy Wool
#D8BB98 (rgb(216 187 152), hsl(33 45% 72%), oklch(0.808 0.058 72.1)) est la plus proche de la couleur nommée Cosy Wool. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D8BB98
oklch(0.808 0.058 72.1)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- DCC2A2
- E0C8AC
- E4CFB7
- E8D6C1
- ECDDCB
- F0E4D5
- F3EAE0
- F7F1EA
- FBF8F5
Ombres
- BCA284
- A08A70
- 85735C
- 6B5C4A
- 534638
- 3B3227
- 251F17
- 110D08
- 020201
Tons
- CFB596
- C6AF94
- BDA991
- B4A38F
- AB9D8D
- A2978A
- 9A9188
- 918C85
- 898683
Harmonies de couleurs
Complémentaire +180°
- D8BB98
Cosy Wool
- A6C3E5
≈ Promise
Analogue -30° +30°
- D8BB98
Cosy Wool
- E2B5A4
≈ Terra Cotta Blush
- C7C298
≈ Parlour Sage
Triadique +120° +240°
- D8BB98
Cosy Wool
- 95CDCA
≈ Lake
- CDB6DC
≈ Viking Diva
Complémentaire divisée +150° +210°
- D8BB98
Cosy Wool
- 98C9DB
≈ Baby Motive
- BABCE5
≈ Pretty Posie
Tétradique +90° +180° +270°
- D8BB98
Cosy Wool
- A0CDB5
≈ Calculus
- A6C3E5
≈ Promise
- DCB2CB
≈ Purple Poodle
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.82:1 · APCA Lc 34
Ag
AAASur noir
WCAG 11.48:1 · APCA Lc 68
Meilleure couleur de texte: #000000
WCAG 11.48:1 (AAA) · APCA Lc 68
Contrast pairs
Extraits de code
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);
}