Couleur nommée · #CEBCAE
Windrift Beige
Windrift Beige correspond à #CEBCAE : rgb(206 188 174), hsl(26 25% 75%), oklch(0.806 0.028 60.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Windrift Beige color name →
#CEBCAE
oklch(0.806 0.028 60.3)
Conversions de couleur
- HEX
- #cebcae
- RGB
- rgb(206 188 174)
- HSL
- hsl(26 25% 75%)
- HWB
- hwb(26 68% 19%)
- OKLCH
- oklch(0.806 0.028 60.3)
- OKLab
- oklab(0.806 0.014 0.025)
- CIE Lab
- lab(77.49 4.89 9.54)
- LCH
- lch(77.49 10.72 62.9)
- CMYK
- cmyk(0% 9% 16% 19%)
Teintes · Ombres · Tons
Teintes
- D3C3B6
- D8C9BE
- DDD0C6
- E2D6CE
- E6DDD6
- EBE4DE
- F0EBE6
- F5F1EE
- FAF8F7
Ombres
- B3A397
- 988B80
- 7F736A
- 665D55
- 4E4741
- 38322E
- 231F1C
- 0F0D0B
- 020201
Tons
- C6B6A9
- BEB0A5
- B6AAA0
- AEA49B
- A69E97
- 9E9892
- 97928E
- 8F8C89
- 888685
Harmonies de couleurs
Complémentaire +180°
- CEBCAE
Windrift Beige
- B0C3D1
≈ Boot Cut
Analogue -30° +30°
- CEBCAE
Windrift Beige
- D1BAB5
≈ Sepia Rose
- C7BFAC
≈ Serene Thought
Triadique +120° +240°
- CEBCAE
Windrift Beige
- ADC6C0
≈ Peppermint Pie
- C2BCD0
≈ Twilight Pearl
Complémentaire divisée +150° +210°
- CEBCAE
Windrift Beige
- ACC5CA
≈ Blue Spruce
- B9BFD3
≈ Sweet Juliet
Tétradique +90° +180° +270°
- CEBCAE
Windrift Beige
- B4C5B6
≈ Pine Whisper
- B0C3D1
≈ Boot Cut
- CBBAC8
≈ Antique Heather
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.83:1 · APCA Lc 34
Ag
AAASur noir
WCAG 11.42:1 · APCA Lc 68
Meilleure couleur de texte: #000000
WCAG 11.42:1 (AAA) · APCA Lc 68
Contrast pairs
Extraits de code
CSS
:root {
--windrift-beige: #cebcae;
--windrift-beige-rgb: 206 188 174;
--windrift-beige-oklch: oklch(0.806 0.028 60.3);
}
.element {
color: var(--windrift-beige);
background-color: hsl(26 25% 75%);
border-color: oklch(0.806 0.028 60.3);
}Tailwind CSS v4
@theme {
--color-windrift-beige: #cebcae;
--color-windrift-beige-50: #fbf4ed;
--color-windrift-beige-100: #efe6df;
--color-windrift-beige-200: #ddd2c8;
--color-windrift-beige-300: #c2b5a9;
--color-windrift-beige-400: #ab9b8e;
--color-windrift-beige-500: #958274;
--color-windrift-beige-600: #7e6e62;
--color-windrift-beige-700: #65584e;
--color-windrift-beige-800: #4a4039;
--color-windrift-beige-900: #332c27;
--color-windrift-beige-950: #1f1915;
}SCSS
$windrift-beige: #cebcae;
$windrift-beige-rgb: 206, 188, 174;
$windrift-beige-light: mix(#fff, $windrift-beige, 20%);
$windrift-beige-dark: mix(#000, $windrift-beige, 20%);
.element {
color: $windrift-beige;
box-shadow: 0 0 0 2px rgba($windrift-beige, 0.35);
}