Warna bernama · #E9CFC8
Honeysweet
Honeysweet adalah #E9CFC8: rgb(233 207 200), hsl(13 43% 85%), oklch(0.874 0.031 35.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Honeysweet color name →
#E9CFC8
oklch(0.874 0.031 35.5)
Konversi warna
- HEX
- #e9cfc8
- RGB
- rgb(233 207 200)
- HSL
- hsl(13 43% 85%)
- HWB
- hwb(13 78% 9%)
- OKLCH
- oklch(0.874 0.031 35.5)
- OKLab
- oklab(0.874 0.025 0.018)
- CIE Lab
- lab(85.18 8.55 6.99)
- LCH
- lch(85.18 11.04 39.3)
- CMYK
- cmyk(0% 11% 14% 9%)
Tint · Shade · Tone
Tint
- EBD4CD
- EED9D3
- F0DDD8
- F2E2DE
- F4E7E3
- F6ECE9
- F9F0EE
- FBF5F4
- FDFAF9
Shade
- CBB4AE
- AD9994
- 907F7B
- 746763
- 5A4F4C
- 413836
- 292321
- 13100F
- 030202
Tone
- DEC7C1
- D3BFB9
- C8B7B2
- BEAFAB
- B3A7A3
- A99F9C
- 9E9795
- 948F8E
- 8A8887
Harmoni warna
Komplementer +180°
- E9CFC8
Honeysweet
- C0DBE2
≈ Washing Powder White
Analog -30° +30°
- E9CFC8
Honeysweet
- E9CED3
≈ Pink Pail
- E4D2C1
≈ Sand Dune
Triadik +120° +240°
- E9CFC8
Honeysweet
- C6DCCD
≈ Green Wash
- CFD4EA
≈ Garden Fairy
Split-komplementer +150° +210°
- E9CFC8
Honeysweet
- C0DDD8
≈ Green Wave
- C6D8E9
≈ Snowy Summit
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.47:1 · APCA Lc 23
Ag
AAADi atas hitam
WCAG 14.22:1 · APCA Lc 81
Warna teks terbaik: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
Cuplikan kode
CSS
:root {
--honeysweet: #e9cfc8;
--honeysweet-rgb: 233 207 200;
--honeysweet-oklch: oklch(0.874 0.031 35.5);
}
.element {
color: var(--honeysweet);
background-color: hsl(13 43% 85%);
border-color: oklch(0.874 0.031 35.5);
}Tailwind CSS v4
@theme {
--color-honeysweet: #e9cfc8;
--color-honeysweet-50: #fef2ef;
--color-honeysweet-100: #f2e5e1;
--color-honeysweet-200: #e1d0cb;
--color-honeysweet-300: #c6b2ac;
--color-honeysweet-400: #b09892;
--color-honeysweet-500: #997f78;
--color-honeysweet-600: #826c66;
--color-honeysweet-700: #685651;
--color-honeysweet-800: #4c3f3b;
--color-honeysweet-900: #352b29;
--color-honeysweet-950: #201817;
}SCSS
$honeysweet: #e9cfc8;
$honeysweet-rgb: 233, 207, 200;
$honeysweet-light: mix(#fff, $honeysweet, 20%);
$honeysweet-dark: mix(#000, $honeysweet, 20%);
.element {
color: $honeysweet;
box-shadow: 0 0 0 2px rgba($honeysweet, 0.35);
}