Color con nombre · #EFF19D
Leaf Bud
Leaf Bud es #EFF19D: rgb(239 241 157), hsl(61 75% 78%), oklch(0.938 0.105 109.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Leaf Bud color name →
#EFF19D
oklch(0.938 0.105 109.4)
Conversiones de color
- HEX
- #eff19d
- RGB
- rgb(239 241 157)
- HSL
- hsl(61 75% 78%)
- HWB
- hwb(61 62% 5%)
- OKLCH
- oklch(0.938 0.105 109.4)
- OKLab
- oklab(0.938 -0.035 0.099)
- CIE Lab
- lab(93.58 -9.8 40.37)
- LCH
- lch(93.58 41.55 103.6)
- CMYK
- cmyk(1% 0% 35% 5%)
Tintes · Sombras · Tonos
Tintes
- F0F3A8
- F2F4B2
- F4F6BC
- F5F7C6
- F7F8D0
- F8FADA
- FAFBE3
- FCFDEC
- FDFEF6
Sombras
- D0D288
- B1B373
- 94955F
- 78794C
- 5C5D3A
- 424328
- 2A2B18
- 141409
- 030301
Tonos
- E3E59B
- D8DA99
- CCCE96
- C1C393
- B6B791
- ABAC8E
- A0A18A
- 959687
- 8A8B84
Armonías de color
Complementario +180°
- EFF19D
Leaf Bud
- E9E7FF
≈ Cyber Lavender
Análogo -30° +30°
- EFF19D
Leaf Bud
- FFE7C1
≈ Candle Glow
- C6FCB8
≈ Distilled Venom
Triádico +120° +240°
- EFF19D
Leaf Bud
- D2F0FF
≈ Blue Hijab
- FFE1EE
≈ Pale Blossom
Complementario dividido +150° +210°
- EFF19D
Leaf Bud
- DFEBFF
≈ Husky
- F9E1FF
≈ Sugarpills
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASobre negro
WCAG 17.73:1 · APCA Lc 95
Mejor color de texto: #000000
WCAG 17.73:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmentos de código
CSS
:root {
--leaf-bud: #eff19d;
--leaf-bud-rgb: 239 241 157;
--leaf-bud-oklch: oklch(0.938 0.105 109.4);
}
.element {
color: var(--leaf-bud);
background-color: hsl(61 75% 78%);
border-color: oklch(0.938 0.105 109.4);
}Tailwind CSS v4
@theme {
--color-leaf-bud: #eff19d;
--color-leaf-bud-50: #f6f9d6;
--color-leaf-bud-100: #e8ecc4;
--color-leaf-bud-200: #d5d9a5;
--color-leaf-bud-300: #b9bd7d;
--color-leaf-bud-400: #a3a457;
--color-leaf-bud-500: #8b8c2c;
--color-leaf-bud-600: #767627;
--color-leaf-bud-700: #5e5f1f;
--color-leaf-bud-800: #464513;
--color-leaf-bud-900: #31300c;
--color-leaf-bud-950: #1d1c01;
}SCSS
$leaf-bud: #eff19d;
$leaf-bud-rgb: 239, 241, 157;
$leaf-bud-light: mix(#fff, $leaf-bud, 20%);
$leaf-bud-dark: mix(#000, $leaf-bud, 20%);
.element {
color: $leaf-bud;
box-shadow: 0 0 0 2px rgba($leaf-bud, 0.35);
}