Named color · #FFDB0B
Egg Yolk Sunrise
Egg Yolk Sunrise is #FFDB0B: rgb(255 219 11), hsl(51 100% 52%), oklch(0.895 0.183 96.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Egg Yolk Sunrise color name →
#FFDB0B
oklch(0.895 0.183 96.9)
Color conversions
- HEX
- #ffdb0b
- RGB
- rgb(255 219 11)
- HSL
- hsl(51 100% 52%)
- HWB
- hwb(51 4% 0%)
- OKLCH
- oklch(0.895 0.183 96.9)
- OKLab
- oklab(0.895 -0.022 0.182)
- CIE Lab
- lab(88.47 1.05 86.34)
- LCH
- lch(88.47 86.34 89.3)
- CMYK
- cmyk(0% 14% 96% 0%)
Tints · Shades · Tones
Tints
- FFDF48
- FFE366
- FFE77E
- FFEB93
- FFEFA7
- FFF2BA
- FFF6CC
- FFF9DD
- FFFCEE
Shades
- DEBE08
- BEA206
- 9E8704
- 806D02
- 635401
- 483C01
- 2E2600
- 161100
- 030200
Tones
- F2D235
- E4C948
- D7C056
- CAB760
- BDAE68
- B1A56F
- A49B74
- 989279
- 8C897D
Color harmonies
Complementary +180°
- FFDB0B
Egg Yolk Sunrise
- D3DAFF
≈ Icy Plains
Analogous -30° +30°
- FFDB0B
Egg Yolk Sunrise
- FFD3A7
≈ Neon Cloud
- BCF25F
≈ Green Cow
Triadic +120° +240°
- FFDB0B
Egg Yolk Sunrise
- 9EEAFF
≈ Fresh Air
- FFC9EF
≈ Rosy Maple Moth
Split-complementary +150° +210°
- FFDB0B
Egg Yolk Sunrise
- C0E1FF
≈ Dithered Sky
- E8D2FF
≈ Rose Dragée
Tetradic +90° +180° +270°
- FFDB0B
Egg Yolk Sunrise
- 01FDED
≈ Master Sword Blue
- D3DAFF
≈ Icy Plains
- FFCDD6
≈ Bologna Sausage
Contrast & accessibility
Ag
FailOn white
WCAG 1.36:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.38:1 · APCA Lc 86
Best text color: #000000
WCAG 15.38:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--egg-yolk-sunrise: #ffdb0b;
--egg-yolk-sunrise-rgb: 255 219 11;
--egg-yolk-sunrise-oklch: oklch(0.895 0.183 96.9);
}
.element {
color: var(--egg-yolk-sunrise);
background-color: hsl(51 100% 52%);
border-color: oklch(0.895 0.183 96.9);
}Tailwind CSS v4
@theme {
--color-egg-yolk-sunrise: #ffdb0b;
--color-egg-yolk-sunrise-50: #fff7ba;
--color-egg-yolk-sunrise-100: #f7eaa2;
--color-egg-yolk-sunrise-200: #e8d675;
--color-egg-yolk-sunrise-300: #cfb832;
--color-egg-yolk-sunrise-400: #be9c00;
--color-egg-yolk-sunrise-500: #a98100;
--color-egg-yolk-sunrise-600: #8f6e00;
--color-egg-yolk-sunrise-700: #735800;
--color-egg-yolk-sunrise-800: #573f00;
--color-egg-yolk-sunrise-900: #3c2b00;
--color-egg-yolk-sunrise-950: #261800;
}SCSS
$egg-yolk-sunrise: #ffdb0b;
$egg-yolk-sunrise-rgb: 255, 219, 11;
$egg-yolk-sunrise-light: mix(#fff, $egg-yolk-sunrise, 20%);
$egg-yolk-sunrise-dark: mix(#000, $egg-yolk-sunrise, 20%);
.element {
color: $egg-yolk-sunrise;
box-shadow: 0 0 0 2px rgba($egg-yolk-sunrise, 0.35);
}