Named color · #FFE182
June Day
June Day is #FFE182: rgb(255 225 130), hsl(46 100% 75%), oklch(0.915 0.12 92.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · June Day color name →
#FFE182
oklch(0.915 0.12 92.4)
Color conversions
- HEX
- #ffe182
- RGB
- rgb(255 225 130)
- HSL
- hsl(46 100% 75%)
- HWB
- hwb(46 51% 0%)
- OKLCH
- oklch(0.915 0.12 92.4)
- OKLab
- oklab(0.915 -0.005 0.119)
- CIE Lab
- lab(90.59 2.02 50.08)
- LCH
- lch(90.59 50.13 87.7)
- CMYK
- cmyk(0% 12% 49% 0%)
Tints · Shades · Tones
Tints
- FFE490
- FFE79E
- FFEBAB
- FFEEB8
- FFF1C4
- FFF4D0
- FFF7DC
- FFF9E8
- FFFCF3
Shades
- DEC470
- BEA75F
- 9E8B4E
- 80703E
- 63562F
- 483E20
- 2E2712
- 161206
- 030201
Tones
- F2D783
- E4CD84
- D7C385
- CABA85
- BEB085
- B1A685
- A49D84
- 989383
- 8C8982
Color harmonies
Complementary +180°
- FFE182
June Day
- D9E2FF
≈ Stoic White
Analogous -30° +30°
- FFE182
June Day
- FFDBBD
≈ Persian Melon
- D5F095
≈ Creamy Avocado
Triadic +120° +240°
- FFE182
June Day
- ABF0FF
≈ Beyond the Clouds
- FFD3F7
≈ Shampoo
Split-complementary +150° +210°
- FFE182
June Day
- CAE7FF
≈ Icy Landscape
- E9DCFF
≈ Lavender Savour
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.34:1 · APCA Lc 90
Best text color: #000000
WCAG 16.34:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--june-day: #ffe182;
--june-day-rgb: 255 225 130;
--june-day-oklch: oklch(0.915 0.12 92.4);
}
.element {
color: var(--june-day);
background-color: hsl(46 100% 75%);
border-color: oklch(0.915 0.12 92.4);
}Tailwind CSS v4
@theme {
--color-june-day: #ffe182;
--color-june-day-50: #fff5cf;
--color-june-day-100: #f5e8bb;
--color-june-day-200: #e4d49a;
--color-june-day-300: #cbb76e;
--color-june-day-400: #b79c42;
--color-june-day-500: #a28300;
--color-june-day-600: #896f00;
--color-june-day-700: #6e5801;
--color-june-day-800: #524000;
--color-june-day-900: #392c02;
--color-june-day-950: #241900;
}SCSS
$june-day: #ffe182;
$june-day-rgb: 255, 225, 130;
$june-day-light: mix(#fff, $june-day, 20%);
$june-day-dark: mix(#000, $june-day, 20%);
.element {
color: $june-day;
box-shadow: 0 0 0 2px rgba($june-day, 0.35);
}