Benoemde kleur · #FFE182
June Day
June Day is #FFE182: rgb(255 225 130), hsl(46 100% 75%), oklch(0.915 0.12 92.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · June Day color name →
#FFE182
oklch(0.915 0.12 92.4)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- FFE490
- FFE79E
- FFEBAB
- FFEEB8
- FFF1C4
- FFF4D0
- FFF7DC
- FFF9E8
- FFFCF3
Schaduwen
- DEC470
- BEA75F
- 9E8B4E
- 80703E
- 63562F
- 483E20
- 2E2712
- 161206
- 030201
Tonen
- F2D783
- E4CD84
- D7C385
- CABA85
- BEB085
- B1A685
- A49D84
- 989383
- 8C8982
Kleurharmonieën
Complementair +180°
- FFE182
June Day
- D9E2FF
≈ Stoic White
Analoog -30° +30°
- FFE182
June Day
- FFDBBD
≈ Persian Melon
- D5F095
≈ Creamy Avocado
Triadisch +120° +240°
- FFE182
June Day
- ABF0FF
≈ Beyond the Clouds
- FFD3F7
≈ Shampoo
Gesplitst complementair +150° +210°
- FFE182
June Day
- CAE7FF
≈ Icy Landscape
- E9DCFF
≈ Lavender Savour
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOp zwart
WCAG 16.34:1 · APCA Lc 90
Beste tekstkleur: #000000
WCAG 16.34:1 (AAA) · APCA Lc 90
Contrast pairs
Codefragmenten
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);
}