Colore con nome · #D1E231
Pear
Pear è #D1E231: rgb(209 226 49), hsl(66 75% 54%), oklch(0.871 0.185 115.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Pear color name →
#D1E231
oklch(0.871 0.185 115.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D5E554
- D9E96E
- DEEC84
- E2EF97
- E7F2AA
- ECF5BC
- F0F7CD
- F5FADE
- FAFDEF
Ombre
- B5C429
- 9BA822
- 818C1A
- 687113
- 50570C
- 393E06
- 232703
- 101201
- 020300
Toni
- C8D845
- C0CE52
- B7C45C
- AFBB65
- A7B16B
- 9FA771
- 979D76
- 8F947A
- 878A7D
Armonie di colore
Complementare +180°
- D1E231
Pear
- D8CCFF
≈ Pale Lavender
Analogo -30° +30°
Triadico +120° +240°
- D1E231
Pear
- A5DDFF
≈ Droplet
- FFC0D7
≈ Sweet Romance
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.63:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.63:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
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);
}