Color con nombre · #EEEE77
Illuminating
Illuminating es #EEEE77: rgb(238 238 119), hsl(60 78% 70%), oklch(0.925 0.142 108.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Illuminating color name →
#EEEE77
oklch(0.925 0.142 108.9)
Conversiones de color
- HEX
- #eeee77
- RGB
- rgb(238 238 119)
- HSL
- hsl(60 78% 70%)
- HWB
- hwb(60 47% 7%)
- OKLCH
- oklch(0.925 0.142 108.9)
- OKLab
- oklab(0.925 -0.046 0.134)
- CIE Lab
- lab(92.32 -11.53 56.76)
- LCH
- lch(92.32 57.92 101.5)
- CMYK
- cmyk(0% 0% 50% 7%)
Tintes · Sombras · Tonos
Tintes
- F0F087
- F1F297
- F3F4A5
- F4F6B3
- F6F7C0
- F8F9CD
- F9FBDA
- FBFCE6
- FDFEF3
Sombras
- CFCF67
- B1B157
- 939347
- 777738
- 5C5C2A
- 42421C
- 2A2A10
- 141405
- 030301
Tonos
- E2E37A
- D7D77D
- CBCC7F
- C0C180
- B5B681
- AAAB82
- 9FA082
- 959582
- 8A8B81
Armonías de color
Complementario +180°
- EEEE77
Illuminating
- E5E3FF
≈ Lavender Mist
Análogo -30° +30°
- EEEE77
Illuminating
- FFE2B4
≈ Peach of Mind
- B5FDA0
≈ Lens Flare Green
Triádico +120° +240°
- EEEE77
Illuminating
- C8EDFF
≈ Blue Java Banana
- FFDBEB
≈ Rose Glow
Complementario dividido +150° +210°
- EEEE77
Illuminating
- D8E8FF
≈ Veiling Waterfalls
- F7DBFF
≈ Sugarpills
Tetrádico +90° +180° +270°
- EEEE77
Illuminating
- 91FBFF
≈ Eternal Winter
- E5E3FF
≈ Lavender Mist
- FFDDDC
≈ Rose Tonic
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASobre negro
WCAG 17.13:1 · APCA Lc 93
Mejor color de texto: #000000
WCAG 17.13:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
CSS
:root {
--illuminating: #eeee77;
--illuminating-rgb: 238 238 119;
--illuminating-oklch: oklch(0.925 0.142 108.9);
}
.element {
color: var(--illuminating);
background-color: hsl(60 78% 70%);
border-color: oklch(0.925 0.142 108.9);
}Tailwind CSS v4
@theme {
--color-illuminating: #eeee77;
--color-illuminating-50: #f6facb;
--color-illuminating-100: #e9edb6;
--color-illuminating-200: #d6da93;
--color-illuminating-300: #babe65;
--color-illuminating-400: #a6a42f;
--color-illuminating-500: #8f8c00;
--color-illuminating-600: #797600;
--color-illuminating-700: #615f00;
--color-illuminating-800: #494500;
--color-illuminating-900: #323000;
--color-illuminating-950: #1e1c00;
}SCSS
$illuminating: #eeee77;
$illuminating-rgb: 238, 238, 119;
$illuminating-light: mix(#fff, $illuminating, 20%);
$illuminating-dark: mix(#000, $illuminating, 20%);
.element {
color: $illuminating;
box-shadow: 0 0 0 2px rgba($illuminating, 0.35);
}