Warna bernama · #EECC33
Angelic Descent
Angelic Descent adalah #EECC33: rgb(238 204 51), hsl(49 85% 57%), oklch(0.85 0.162 95.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Angelic Descent color name →
#EECC33
oklch(0.85 0.162 95.6)
Konversi warna
- HEX
- #eecc33
- RGB
- rgb(238 204 51)
- HSL
- hsl(49 85% 57%)
- HWB
- hwb(49 20% 7%)
- OKLCH
- oklch(0.85 0.162 95.6)
- OKLab
- oklab(0.85 -0.016 0.161)
- CIE Lab
- lab(83.18 1.73 74)
- LCH
- lch(83.18 74.02 88.7)
- CMYK
- cmyk(0% 14% 79% 7%)
Tint · Shade · Tone
Tint
- F0D254
- F1D76D
- F3DC82
- F5E296
- F6E7A9
- F8ECBB
- FAF1CC
- FBF6DD
- FDFAEE
Shade
- CFB12B
- B19723
- 937E1C
- 776514
- 5C4E0D
- 423707
- 2A2203
- 140F01
- 030200
Tone
- E2C445
- D7BD52
- CCB55C
- C0AE64
- B5A66A
- AA9F70
- A09775
- 958F79
- 8A887D
Harmoni warna
Komplementer +180°
- EECC33
Angelic Descent
- C0CAFF
≈ Light Periwinkle
Analog -30° +30°
- EECC33
Angelic Descent
- FFBF7F
≈ Buttery
- B4E061
≈ Queen of Gardens
Triadik +120° +240°
- EECC33
Angelic Descent
- 61E1FF
≈ Athena Blue
- FFB0EC
≈ Pink Apotheosis
Split-komplementer +150° +210°
- EECC33
Angelic Descent
- A3D4FF
≈ Malmö FF
- DCBFFF
≈ Lavender Fragrance
Tetradik +90° +180° +270°
- EECC33
Angelic Descent
- 00EDDC
≈ Frozen Boubble
- C0CAFF
≈ Light Periwinkle
- FFB7C5
≈ Cherry Blossom Pink
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.57:1 · APCA Lc 26
Ag
AAADi atas hitam
WCAG 13.32:1 · APCA Lc 77
Warna teks terbaik: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
Cuplikan kode
CSS
:root {
--angelic-descent: #eecc33;
--angelic-descent-rgb: 238 204 51;
--angelic-descent-oklch: oklch(0.85 0.162 95.6);
}
.element {
color: var(--angelic-descent);
background-color: hsl(49 85% 57%);
border-color: oklch(0.85 0.162 95.6);
}Tailwind CSS v4
@theme {
--color-angelic-descent: #eecc33;
--color-angelic-descent-50: #fff6c1;
--color-angelic-descent-100: #f6e9ab;
--color-angelic-descent-200: #e7d582;
--color-angelic-descent-300: #ceb84b;
--color-angelic-descent-400: #bc9c00;
--color-angelic-descent-500: #a78200;
--color-angelic-descent-600: #8d6e00;
--color-angelic-descent-700: #715800;
--color-angelic-descent-800: #553f00;
--color-angelic-descent-900: #3b2c00;
--color-angelic-descent-950: #251900;
}SCSS
$angelic-descent: #eecc33;
$angelic-descent-rgb: 238, 204, 51;
$angelic-descent-light: mix(#fff, $angelic-descent, 20%);
$angelic-descent-dark: mix(#000, $angelic-descent, 20%);
.element {
color: $angelic-descent;
box-shadow: 0 0 0 2px rgba($angelic-descent, 0.35);
}