Warna bernama · #DEE8BE
Kiwi Sorbet
Kiwi Sorbet adalah #DEE8BE: rgb(222 232 190), hsl(74 48% 83%), oklch(0.913 0.056 118.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Kiwi Sorbet color name →
#DEE8BE
oklch(0.913 0.056 118.4)
Konversi warna
- HEX
- #dee8be
- RGB
- rgb(222 232 190)
- HSL
- hsl(74 48% 83%)
- HWB
- hwb(74 75% 9%)
- OKLCH
- oklch(0.913 0.056 118.4)
- OKLab
- oklab(0.913 -0.027 0.05)
- CIE Lab
- lab(90.42 -8.72 19.34)
- LCH
- lch(90.42 21.21 114.3)
- CMYK
- cmyk(4% 0% 18% 9%)
Tint · Shade · Tone
Tint
- E1EAC5
- E4EDCB
- E8EFD2
- EBF1D8
- EEF4DF
- F2F6E5
- F5F8EC
- F8FAF2
- FCFDF9
Shade
- C1CAA5
- A5AC8C
- 899075
- 6F745E
- 555948
- 3D4033
- 26291F
- 12130D
- 020302
Tone
- D4DDB8
- CAD2B2
- C1C8AB
- B7BDA5
- AEB39F
- A4A899
- 9B9E92
- 92948C
- 898A86
Harmoni warna
Komplementer +180°
- DEE8BE
Kiwi Sorbet
- E6DCFF
≈ Contrail
Analog -30° +30°
- DEE8BE
Kiwi Sorbet
- F2E1B8
≈ Soft Butter
- CAEDCE
≈ Celery Stick
Triadik +120° +240°
- DEE8BE
Kiwi Sorbet
- C6E8FF
≈ Blue Java Banana
- FFD5E2
≈ Powder Pink
Split-komplementer +150° +210°
- DEE8BE
Kiwi Sorbet
- D6E2FF
≈ Stoic White
- F8D5F5
≈ Jacaranda
Tetradik +90° +180° +270°
- DEE8BE
Kiwi Sorbet
- B7EDF6
≈ Cold Blooded
- E6DCFF
≈ Contrail
- FFD8D2
≈ Tea Party
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.28:1 · APCA Lc 14
Ag
AAADi atas hitam
WCAG 16.39:1 · APCA Lc 90
Warna teks terbaik: #000000
WCAG 16.39:1 (AAA) · APCA Lc 90
Contrast pairs
Cuplikan kode
CSS
:root {
--kiwi-sorbet: #dee8be;
--kiwi-sorbet-rgb: 222 232 190;
--kiwi-sorbet-oklch: oklch(0.913 0.056 118.4);
}
.element {
color: var(--kiwi-sorbet);
background-color: hsl(74 48% 83%);
border-color: oklch(0.913 0.056 118.4);
}Tailwind CSS v4
@theme {
--color-kiwi-sorbet: #dee8be;
--color-kiwi-sorbet-50: #f3f8e6;
--color-kiwi-sorbet-100: #e5ebd6;
--color-kiwi-sorbet-200: #d1d8be;
--color-kiwi-sorbet-300: #b3bc9c;
--color-kiwi-sorbet-400: #9ba37e;
--color-kiwi-sorbet-500: #828c61;
--color-kiwi-sorbet-600: #6e7652;
--color-kiwi-sorbet-700: #585f42;
--color-kiwi-sorbet-800: #41452e;
--color-kiwi-sorbet-900: #2d301f;
--color-kiwi-sorbet-950: #1a1c0f;
}SCSS
$kiwi-sorbet: #dee8be;
$kiwi-sorbet-rgb: 222, 232, 190;
$kiwi-sorbet-light: mix(#fff, $kiwi-sorbet, 20%);
$kiwi-sorbet-dark: mix(#000, $kiwi-sorbet, 20%);
.element {
color: $kiwi-sorbet;
box-shadow: 0 0 0 2px rgba($kiwi-sorbet, 0.35);
}