Color con nombre · #EAD97C
Celestial Crown
Celestial Crown es #EAD97C: rgb(234 217 124), hsl(51 72% 70%), oklch(0.88 0.116 99.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Celestial Crown color name →
#EAD97C
oklch(0.88 0.116 99.2)
Conversiones de color
- HEX
- #ead97c
- RGB
- rgb(234 217 124)
- HSL
- hsl(51 72% 70%)
- HWB
- hwb(51 49% 8%)
- OKLCH
- oklch(0.88 0.116 99.2)
- OKLab
- oklab(0.88 -0.018 0.114)
- CIE Lab
- lab(86.64 -2.91 47.7)
- LCH
- lch(86.64 47.79 93.5)
- CMYK
- cmyk(0% 7% 47% 8%)
Tintes · Sombras · Tonos
Tintes
- ECDD8B
- EEE199
- F0E5A6
- F2E9B4
- F4EDC0
- F6F0CD
- F8F4DA
- FBF8E6
- FDFBF3
Sombras
- CBBC6B
- AEA15A
- 91864A
- 756C3B
- 5A532C
- 413B1E
- 292511
- 131105
- 030201
Tonos
- DFD07E
- D4C77F
- C9BE81
- BEB581
- B3AC82
- A9A382
- 9E9A82
- 949182
- 8A8981
Armonías de color
Complementario +180°
- EAD97C
Celestial Crown
- CED4FF
≈ Pale Phthalo Blue
Análogo -30° +30°
- EAD97C
Celestial Crown
- FFCD96
≈ Tangerine Silk
- BFE794
≈ Oxalis
Triádico +120° +240°
- EAD97C
Celestial Crown
- 93E6FF
≈ Winter Wizard
- FFC1EA
≈ Pretty in Pink
Complementario dividido +150° +210°
- EAD97C
Celestial Crown
- B9DBFF
≈ Broad Daylight
- E7CAFF
≈ Lens Flare Pink
Tetrádico +90° +180° +270°
- EAD97C
Celestial Crown
- 6EF0E7
≈ Blue Crystal Landscape
- CED4FF
≈ Pale Phthalo Blue
- FFC6CE
≈ Rubber Rose
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.42:1 · APCA Lc 20
Ag
AAASobre negro
WCAG 14.71:1 · APCA Lc 83
Mejor color de texto: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--celestial-crown: #ead97c;
--celestial-crown-rgb: 234 217 124;
--celestial-crown-oklch: oklch(0.88 0.116 99.2);
}
.element {
color: var(--celestial-crown);
background-color: hsl(51 72% 70%);
border-color: oklch(0.88 0.116 99.2);
}Tailwind CSS v4
@theme {
--color-celestial-crown: #ead97c;
--color-celestial-crown-50: #fcf7d1;
--color-celestial-crown-100: #f0eabe;
--color-celestial-crown-200: #ded69d;
--color-celestial-crown-300: #c4ba72;
--color-celestial-crown-400: #af9f48;
--color-celestial-crown-500: #998606;
--color-celestial-crown-600: #82720e;
--color-celestial-crown-700: #685b0c;
--color-celestial-crown-800: #4e4205;
--color-celestial-crown-900: #362e04;
--color-celestial-crown-950: #211a00;
}SCSS
$celestial-crown: #ead97c;
$celestial-crown-rgb: 234, 217, 124;
$celestial-crown-light: mix(#fff, $celestial-crown, 20%);
$celestial-crown-dark: mix(#000, $celestial-crown, 20%);
.element {
color: $celestial-crown;
box-shadow: 0 0 0 2px rgba($celestial-crown, 0.35);
}