Couleur nommée · #CBF85F
Pear Spritz
Pear Spritz correspond à #CBF85F : rgb(203 248 95), hsl(78 92% 67%), oklch(0.919 0.184 123.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Pear Spritz color name →
#CBF85F
oklch(0.919 0.184 123.9)
Conversions de couleur
- HEX
- #cbf85f
- RGB
- rgb(203 248 95)
- HSL
- hsl(78 92% 67%)
- HWB
- hwb(78 37% 3%)
- OKLCH
- oklch(0.919 0.184 123.9)
- OKLab
- oklab(0.919 -0.103 0.153)
- CIE Lab
- lab(92.25 -30.85 65.99)
- LCH
- lch(92.25 72.84 115.1)
- CMYK
- cmyk(18% 0% 62% 3%)
Teintes · Ombres · Tons
Teintes
- D0F975
- D5FA87
- DAFB99
- DFFCA9
- E5FDB8
- EAFDC7
- EFFED5
- F4FEE3
- FAFFF1
Ombres
- B0D852
- 96B844
- 7D9A38
- 657C2C
- 4D6020
- 374515
- 222C0A
- 0F1503
- 020300
Tons
- C3EC67
- BBDF6D
- B4D372
- ACC776
- A5BB79
- 9DAF7C
- 96A37E
- 8E977F
- 878C80
Harmonies de couleurs
Complémentaire +180°
- CBF85F
Pear Spritz
- EBDDFF
≈ Lavender Savour
Analogue -30° +30°
- CBF85F
Pear Spritz
- FFE380
≈ Luminous Yellow
- 96FFBA
≈ Light Sea-Foam
Triadique +120° +240°
- CBF85F
Pear Spritz
- CDE8FF
≈ Veiling Waterfalls
- FFD9E1
≈ It’s a Girl!
Complémentaire divisée +150° +210°
- CBF85F
Pear Spritz
- DCE3FF
≈ Stoic White
- FFD5F6
≈ Sweet Sachet
Tétradique +90° +180° +270°
- CBF85F
Pear Spritz
- B2F0FF
≈ Northrend
- EBDDFF
≈ Lavender Savour
- FFDBD2
≈ Soft Orange Bloom
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.22:1 · APCA Lc 11
Ag
AAASur noir
WCAG 17.13:1 · APCA Lc 93
Meilleure couleur de texte: #000000
WCAG 17.13:1 (AAA) · APCA Lc 93
Contrast pairs
Extraits de code
CSS
:root {
--pear-spritz: #cbf85f;
--pear-spritz-rgb: 203 248 95;
--pear-spritz-oklch: oklch(0.919 0.184 123.9);
}
.element {
color: var(--pear-spritz);
background-color: hsl(78 92% 67%);
border-color: oklch(0.919 0.184 123.9);
}Tailwind CSS v4
@theme {
--color-pear-spritz: #cbf85f;
--color-pear-spritz-50: #e8ffc6;
--color-pear-spritz-100: #d9f4b0;
--color-pear-spritz-200: #c1e38a;
--color-pear-spritz-300: #a0c857;
--color-pear-spritz-400: #88af00;
--color-pear-spritz-500: #6e9700;
--color-pear-spritz-600: #5d8000;
--color-pear-spritz-700: #4a6700;
--color-pear-spritz-800: #384b00;
--color-pear-spritz-900: #273400;
--color-pear-spritz-950: #151f00;
}SCSS
$pear-spritz: #cbf85f;
$pear-spritz-rgb: 203, 248, 95;
$pear-spritz-light: mix(#fff, $pear-spritz, 20%);
$pear-spritz-dark: mix(#000, $pear-spritz, 20%);
.element {
color: $pear-spritz;
box-shadow: 0 0 0 2px rgba($pear-spritz, 0.35);
}