Named color · #D1E231
Pear
Pear is #D1E231: rgb(209 226 49), hsl(66 75% 54%), oklch(0.871 0.185 115.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Pear color name →
#D1E231
oklch(0.871 0.185 115.3)
Color conversions
- HEX
- #d1e231
- RGB
- rgb(209 226 49)
- HSL
- hsl(66 75% 54%)
- HWB
- hwb(66 19% 11%)
- OKLCH
- oklch(0.871 0.185 115.3)
- OKLab
- oklab(0.871 -0.079 0.168)
- CIE Lab
- lab(86.45 -20.67 76.16)
- LCH
- lch(86.45 78.91 105.2)
- CMYK
- cmyk(8% 0% 78% 11%)
Tints · Shades · Tones
Tints
- D5E554
- D9E96E
- DEEC84
- E2EF97
- E7F2AA
- ECF5BC
- F0F7CD
- F5FADE
- FAFDEF
Shades
- B5C429
- 9BA822
- 818C1A
- 687113
- 50570C
- 393E06
- 232703
- 101201
- 020300
Tones
- C8D845
- C0CE52
- B7C45C
- AFBB65
- A7B16B
- 9FA771
- 979D76
- 8F947A
- 878A7D
Color harmonies
Complementary +180°
- D1E231
Pear
- D8CCFF
≈ Pale Lavender
Analogous -30° +30°
Triadic +120° +240°
- D1E231
Pear
- A5DDFF
≈ Droplet
- FFC0D7
≈ Sweet Romance
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.43:1 · APCA Lc 21
Ag
AAAOn black
WCAG 14.63:1 · APCA Lc 83
Best text color: #000000
WCAG 14.63:1 (AAA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--pear: #d1e231;
--pear-rgb: 209 226 49;
--pear-oklch: oklch(0.871 0.185 115.3);
}
.element {
color: var(--pear);
background-color: hsl(66 75% 54%);
border-color: oklch(0.871 0.185 115.3);
}Tailwind CSS v4
@theme {
--color-pear: #d1e231;
--color-pear-50: #f1fdc1;
--color-pear-100: #e3f1aa;
--color-pear-200: #cedf81;
--color-pear-300: #b1c348;
--color-pear-400: #9caa00;
--color-pear-500: #849100;
--color-pear-600: #707b00;
--color-pear-700: #596200;
--color-pear-800: #444700;
--color-pear-900: #2f3200;
--color-pear-950: #1b1d00;
}SCSS
$pear: #d1e231;
$pear-rgb: 209, 226, 49;
$pear-light: mix(#fff, $pear, 20%);
$pear-dark: mix(#000, $pear, 20%);
.element {
color: $pear;
box-shadow: 0 0 0 2px rgba($pear, 0.35);
}