Warna bernama · #CEBCAE
Windrift Beige
Windrift Beige adalah #CEBCAE: rgb(206 188 174), hsl(26 25% 75%), oklch(0.806 0.028 60.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Windrift Beige color name →
#CEBCAE
oklch(0.806 0.028 60.3)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- D3C3B6
- D8C9BE
- DDD0C6
- E2D6CE
- E6DDD6
- EBE4DE
- F0EBE6
- F5F1EE
- FAF8F7
Shade
- B3A397
- 988B80
- 7F736A
- 665D55
- 4E4741
- 38322E
- 231F1C
- 0F0D0B
- 020201
Tone
- C6B6A9
- BEB0A5
- B6AAA0
- AEA49B
- A69E97
- 9E9892
- 97928E
- 8F8C89
- 888685
Harmoni warna
Komplementer +180°
- CEBCAE
Windrift Beige
- B0C3D1
≈ Boot Cut
Analog -30° +30°
- CEBCAE
Windrift Beige
- D1BAB5
≈ Sepia Rose
- C7BFAC
≈ Serene Thought
Triadik +120° +240°
- CEBCAE
Windrift Beige
- ADC6C0
≈ Peppermint Pie
- C2BCD0
≈ Twilight Pearl
Split-komplementer +150° +210°
- CEBCAE
Windrift Beige
- ACC5CA
≈ Blue Spruce
- B9BFD3
≈ Sweet Juliet
Tetradik +90° +180° +270°
- CEBCAE
Windrift Beige
- B4C5B6
≈ Pine Whisper
- B0C3D1
≈ Boot Cut
- CBBAC8
≈ Antique Heather
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.83:1 · APCA Lc 34
Ag
AAADi atas hitam
WCAG 11.42:1 · APCA Lc 68
Warna teks terbaik: #000000
WCAG 11.42:1 (AAA) · APCA Lc 68
Contrast pairs
Cuplikan kode
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);
}