Warna bernama · #ECC033
Sun Wukong’s Crown
Sun Wukong’s Crown adalah #ECC033: rgb(236 192 51), hsl(46 83% 56%), oklch(0.824 0.155 90.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Sun Wukong’s Crown color name →
#ECC033
oklch(0.824 0.155 90.2)
Konversi warna
- HEX
- #ecc033
- RGB
- rgb(236 192 51)
- HSL
- hsl(46 83% 56%)
- HWB
- hwb(46 20% 7%)
- OKLCH
- oklch(0.824 0.155 90.2)
- OKLab
- oklab(0.824 -0.001 0.155)
- CIE Lab
- lab(79.98 6.76 71.19)
- LCH
- lch(79.98 71.51 84.6)
- CMYK
- cmyk(0% 19% 78% 7%)
Tint · Shade · Tone
Tint
- EEC753
- F0CD6B
- F2D480
- F4DA94
- F6E1A7
- F8E7B9
- F9EDCB
- FBF3DC
- FDF9EE
Shade
- CDA72B
- AF8E23
- 92761C
- 765F14
- 5B490D
- 423407
- 292003
- 130E01
- 030200
Tone
- E1BA44
- D6B350
- CBAD5A
- C0A762
- B5A069
- AA9A6F
- 9F9474
- 958D79
- 8A877D
Harmoni warna
Komplementer +180°
- ECC033
Sun Wukong’s Crown
- AFC3FF
≈ Pastel Blue
Analog -30° +30°
- ECC033
Sun Wukong’s Crown
- FFB271
≈ Apricot
- B8D455
≈ Solid Gold
Triadik +120° +240°
- ECC033
Sun Wukong’s Crown
- 00DEF9
≈ Vaporwave Blue
- FD9FF5
≈ Pink Elephants
Split-komplementer +150° +210°
- ECC033
Sun Wukong’s Crown
- 89CEFF
≈ Platonic Blue
- D0B6FF
≈ Violet Heaven
Tetradik +90° +180° +270°
- ECC033
Sun Wukong’s Crown
- 00E4C9
≈ Ice Climber
- AFC3FF
≈ Pastel Blue
- FFA8C2
≈ Amélie’s Tutu
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.72:1 · APCA Lc 31
Ag
AAADi atas hitam
WCAG 12.15:1 · APCA Lc 72
Warna teks terbaik: #000000
WCAG 12.15:1 (AAA) · APCA Lc 72
Contrast pairs
Cuplikan kode
CSS
:root {
--sun-wukong-s-crown: #ecc033;
--sun-wukong-s-crown-rgb: 236 192 51;
--sun-wukong-s-crown-oklch: oklch(0.824 0.155 90.2);
}
.element {
color: var(--sun-wukong-s-crown);
background-color: hsl(46 83% 56%);
border-color: oklch(0.824 0.155 90.2);
}Tailwind CSS v4
@theme {
--color-sun-wukong-s-crown: #ecc033;
--color-sun-wukong-s-crown-50: #fff5c3;
--color-sun-wukong-s-crown-100: #fae7ad;
--color-sun-wukong-s-crown-200: #ecd386;
--color-sun-wukong-s-crown-300: #d3b551;
--color-sun-wukong-s-crown-400: #c29900;
--color-sun-wukong-s-crown-500: #ad7e00;
--color-sun-wukong-s-crown-600: #926b00;
--color-sun-wukong-s-crown-700: #755600;
--color-sun-wukong-s-crown-800: #583d00;
--color-sun-wukong-s-crown-900: #3e2a00;
--color-sun-wukong-s-crown-950: #271800;
}SCSS
$sun-wukong-s-crown: #ecc033;
$sun-wukong-s-crown-rgb: 236, 192, 51;
$sun-wukong-s-crown-light: mix(#fff, $sun-wukong-s-crown, 20%);
$sun-wukong-s-crown-dark: mix(#000, $sun-wukong-s-crown, 20%);
.element {
color: $sun-wukong-s-crown;
box-shadow: 0 0 0 2px rgba($sun-wukong-s-crown, 0.35);
}