Color con nombre · #EEDD22
Caduceus Staff
Caduceus Staff es #EEDD22: rgb(238 221 34), hsl(55 86% 53%), oklch(0.884 0.18 103.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Caduceus Staff color name →
#EEDD22
oklch(0.884 0.18 103.6)
Conversiones de color
- HEX
- #eedd22
- RGB
- rgb(238 221 34)
- HSL
- hsl(55 86% 53%)
- HWB
- hwb(55 13% 7%)
- OKLCH
- oklch(0.884 0.18 103.6)
- OKLab
- oklab(0.884 -0.042 0.175)
- CIE Lab
- lab(87.46 -6.75 81.59)
- LCH
- lch(87.46 81.87 94.7)
- CMYK
- cmyk(0% 7% 86% 7%)
Tintes · Sombras · Tonos
Tintes
- EFE14E
- F1E569
- F3E881
- F4EC95
- F6EFA8
- F8F3BB
- F9F6CC
- FBF9DE
- FDFCEE
Sombras
- CFC01C
- B1A416
- 938811
- 776E0B
- 5C5507
- 423D03
- 2A2601
- 141100
- 030200
Tonos
- E2D43D
- D7CA4D
- CBC159
- C0B862
- B5AE6A
- AAA570
- 9F9C75
- 959379
- 8A897D
Armonías de color
Complementario +180°
- EEDD22
Caduceus Staff
- D3D4FF
≈ Pale Phthalo Blue
Análogo -30° +30°
- EEDD22
Caduceus Staff
- FFD092
≈ Goldenrod Yellow
- A7F26F
≈ Lima
Triádico +120° +240°
- EEDD22
Caduceus Staff
- 9FE5FF
≈ Winter Wizard
- FFC5E6
≈ Sugarwinkle
Complementario dividido +150° +210°
- EEDD22
Caduceus Staff
- BFDCFF
≈ Broad Daylight
- ECCAFF
≈ Aquarelle Lilac
Tetrádico +90° +180° +270°
- EEDD22
Caduceus Staff
- 00F7F5
≈ Frozen State
- D3D4FF
≈ Pale Phthalo Blue
- FFC9CD
≈ Sweet Memories
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.39:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 15.00:1 · APCA Lc 84
Mejor color de texto: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--caduceus-staff: #eedd22;
--caduceus-staff-rgb: 238 221 34;
--caduceus-staff-oklch: oklch(0.884 0.18 103.6);
}
.element {
color: var(--caduceus-staff);
background-color: hsl(55 86% 53%);
border-color: oklch(0.884 0.18 103.6);
}Tailwind CSS v4
@theme {
--color-caduceus-staff: #eedd22;
--color-caduceus-staff-50: #fcf9bd;
--color-caduceus-staff-100: #f0eca5;
--color-caduceus-staff-200: #dfd97a;
--color-caduceus-staff-300: #c4bc3d;
--color-caduceus-staff-400: #b2a100;
--color-caduceus-staff-500: #9d8800;
--color-caduceus-staff-600: #847300;
--color-caduceus-staff-700: #6a5c00;
--color-caduceus-staff-800: #504200;
--color-caduceus-staff-900: #382e00;
--color-caduceus-staff-950: #221a00;
}SCSS
$caduceus-staff: #eedd22;
$caduceus-staff-rgb: 238, 221, 34;
$caduceus-staff-light: mix(#fff, $caduceus-staff, 20%);
$caduceus-staff-dark: mix(#000, $caduceus-staff, 20%);
.element {
color: $caduceus-staff;
box-shadow: 0 0 0 2px rgba($caduceus-staff, 0.35);
}