Cor nomeada · #ECC033
Sun Wukong’s Crown
Sun Wukong’s Crown é #ECC033: rgb(236 192 51), hsl(46 83% 56%), oklch(0.824 0.155 90.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Sun Wukong’s Crown color name →
#ECC033
oklch(0.824 0.155 90.2)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- EEC753
- F0CD6B
- F2D480
- F4DA94
- F6E1A7
- F8E7B9
- F9EDCB
- FBF3DC
- FDF9EE
Sombras
- CDA72B
- AF8E23
- 92761C
- 765F14
- 5B490D
- 423407
- 292003
- 130E01
- 030200
Tons
- E1BA44
- D6B350
- CBAD5A
- C0A762
- B5A069
- AA9A6F
- 9F9474
- 958D79
- 8A877D
Harmonias de cor
Complementar +180°
- ECC033
Sun Wukong’s Crown
- AFC3FF
≈ Pastel Blue
Análoga -30° +30°
- ECC033
Sun Wukong’s Crown
- FFB271
≈ Apricot
- B8D455
≈ Solid Gold
Tríade +120° +240°
- ECC033
Sun Wukong’s Crown
- 00DEF9
≈ Vaporwave Blue
- FD9FF5
≈ Pink Elephants
Complementar dividida +150° +210°
- ECC033
Sun Wukong’s Crown
- 89CEFF
≈ Platonic Blue
- D0B6FF
≈ Violet Heaven
Tétrade +90° +180° +270°
- ECC033
Sun Wukong’s Crown
- 00E4C9
≈ Ice Climber
- AFC3FF
≈ Pastel Blue
- FFA8C2
≈ Amélie’s Tutu
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASobre preto
WCAG 12.15:1 · APCA Lc 72
Melhor cor de texto: #000000
WCAG 12.15:1 (AAA) · APCA Lc 72
Contrast pairs
Trechos de código
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);
}