Adlandırılmış renk · #E8DBC5
Cream Wave
Cream Wave, #E8DBC5: rgb(232 219 197), hsl(38 43% 84%), oklch(0.896 0.033 81). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cream Wave color name →
#E8DBC5
oklch(0.896 0.033 81)
Renk dönüşümleri
- HEX
- #e8dbc5
- RGB
- rgb(232 219 197)
- HSL
- hsl(38 43% 84%)
- HWB
- hwb(38 77% 9%)
- OKLCH
- oklch(0.896 0.033 81)
- OKLab
- oklab(0.896 0.005 0.032)
- CIE Lab
- lab(88.03 1.96 12.55)
- LCH
- lch(88.03 12.7 81.1)
- CMYK
- cmyk(0% 6% 15% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EADFCB
- EDE2D1
- EFE6D6
- F1E9DC
- F3EDE2
- F6F1E8
- F8F4ED
- FAF8F3
- FDFBF9
Koyu tonlar
- CABEAB
- ACA292
- 908779
- 746D61
- 59544B
- 403C35
- 292621
- 13110E
- 030202
Gri tonlar
- DDD2BE
- D2C8B7
- C8BFB0
- BDB6A9
- B3ACA2
- A8A39B
- 9E9A94
- 94918D
- 8A8987
Renk uyumları
Tamamlayıcı +180°
- E8DBC5
Cream Wave
- D1DDF3
≈ Puffy Cloud
Analog -30° +30°
- E8DBC5
Cream Wave
- EFD7CA
≈ Shy Cupid
- DDDFC7
≈ Sip of Mint
Üçlü +120° +240°
- E8DBC5
Cream Wave
- C5E4E6
≈ Touched by the Sea
- E7D6EA
≈ First Lilac
Bölünmüş tamamlayıcı +150° +210°
- E8DBC5
Cream Wave
- C8E1EF
≈ Pale Frost
- DCD9F1
≈ Quartz
Dörtlü +90° +180° +270°
- E8DBC5
Cream Wave
- C8E4DA
≈ Mint Whisper
- D1DDF3
≈ Puffy Cloud
- EFD4DF
≈ Portrait Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.36:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.37:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.37:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--cream-wave: #e8dbc5;
--cream-wave-rgb: 232 219 197;
--cream-wave-oklch: oklch(0.896 0.033 81);
}
.element {
color: var(--cream-wave);
background-color: hsl(38 43% 84%);
border-color: oklch(0.896 0.033 81);
}Tailwind CSS v4
@theme {
--color-cream-wave: #e8dbc5;
--color-cream-wave-50: #faf4eb;
--color-cream-wave-100: #ede7dc;
--color-cream-wave-200: #dbd3c5;
--color-cream-wave-300: #c0b6a5;
--color-cream-wave-400: #a89d89;
--color-cream-wave-500: #91846e;
--color-cream-wave-600: #7b705d;
--color-cream-wave-700: #625a4a;
--color-cream-wave-800: #494136;
--color-cream-wave-900: #322d25;
--color-cream-wave-950: #1e1a13;
}SCSS
$cream-wave: #e8dbc5;
$cream-wave-rgb: 232, 219, 197;
$cream-wave-light: mix(#fff, $cream-wave, 20%);
$cream-wave-dark: mix(#000, $cream-wave, 20%);
.element {
color: $cream-wave;
box-shadow: 0 0 0 2px rgba($cream-wave, 0.35);
}