Named color · #FFE262
Primrose Path
Primrose Path is #FFE262: rgb(255 226 98), hsl(49 100% 69%), oklch(0.913 0.149 96.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Primrose Path color name →
#FFE262
oklch(0.913 0.149 96.5)
Color conversions
- HEX
- #ffe262
- RGB
- rgb(255 226 98)
- HSL
- hsl(49 100% 69%)
- HWB
- hwb(49 38% 0%)
- OKLCH
- oklch(0.913 0.149 96.5)
- OKLab
- oklab(0.913 -0.017 0.148)
- CIE Lab
- lab(90.56 -0.2 64.45)
- LCH
- lch(90.56 64.45 90.2)
- CMYK
- cmyk(0% 11% 62% 0%)
Tints · Shades · Tones
Tints
- FFE576
- FFE889
- FFEC99
- FFEFA9
- FFF2B8
- FFF4C7
- FFF7D5
- FFFAE3
- FFFCF1
Shades
- DEC454
- BEA847
- 9E8C3A
- 80712D
- 635721
- 483E16
- 2E270B
- 161203
- 030300
Tones
- F2D869
- E4CE6E
- D7C473
- CABA77
- BDB17A
- B1A77C
- A49D7E
- 98937F
- 8C8A80
Color harmonies
Complementary +180°
- FFE262
Primrose Path
- DAE1FF
≈ Stoic White
Analogous -30° +30°
- FFE262
Primrose Path
- FFDBB8
≈ Pandora’s Box
- C9F483
≈ Pistachio Mousse
Triadic +120° +240°
- FFE262
Primrose Path
- B0EEFF
≈ Beyond the Clouds
- FFD3F2
≈ Shampoo
Split-complementary +150° +210°
- FFE262
Primrose Path
- CBE6FF
≈ Fresh Water
- EBDAFF
≈ Lavender Savour
Tetradic +90° +180° +270°
- FFE262
Primrose Path
- 61FFF0
≈ Icy Life
- DAE1FF
≈ Stoic White
- FFD6DD
≈ No Need to Blush
Contrast & accessibility
Ag
FailOn white
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.30:1 · APCA Lc 90
Best text color: #000000
WCAG 16.30:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--primrose-path: #ffe262;
--primrose-path-rgb: 255 226 98;
--primrose-path-oklch: oklch(0.913 0.149 96.5);
}
.element {
color: var(--primrose-path);
background-color: hsl(49 100% 69%);
border-color: oklch(0.913 0.149 96.5);
}Tailwind CSS v4
@theme {
--color-primrose-path: #ffe262;
--color-primrose-path-50: #fff7c6;
--color-primrose-path-100: #f4e9b0;
--color-primrose-path-200: #e4d68a;
--color-primrose-path-300: #cbb858;
--color-primrose-path-400: #b89d0f;
--color-primrose-path-500: #a38300;
--color-primrose-path-600: #8a6f00;
--color-primrose-path-700: #6e5900;
--color-primrose-path-800: #534000;
--color-primrose-path-900: #3a2c00;
--color-primrose-path-950: #241900;
}SCSS
$primrose-path: #ffe262;
$primrose-path-rgb: 255, 226, 98;
$primrose-path-light: mix(#fff, $primrose-path, 20%);
$primrose-path-dark: mix(#000, $primrose-path, 20%);
.element {
color: $primrose-path;
box-shadow: 0 0 0 2px rgba($primrose-path, 0.35);
}