Couleur nommée · #B2BFA6
Creamy Spinach
Creamy Spinach correspond à #B2BFA6 : rgb(178 191 166), hsl(91 16% 70%), oklch(0.788 0.037 129.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Creamy Spinach color name →
#B2BFA6
oklch(0.788 0.037 129.8)
Conversions de couleur
- HEX
- #b2bfa6
- RGB
- rgb(178 191 166)
- HSL
- hsl(91 16% 70%)
- HWB
- hwb(91 65% 25%)
- OKLCH
- oklch(0.788 0.037 129.8)
- OKLab
- oklab(0.788 -0.024 0.029)
- CIE Lab
- lab(75.8 -8.06 11.06)
- LCH
- lch(75.8 13.69 126.1)
- CMYK
- cmyk(7% 0% 13% 25%)
Teintes · Ombres · Tons
Teintes
- B9C5AF
- C1CCB7
- C9D2C0
- D0D8C9
- D8DFD2
- E0E5DB
- E7ECE4
- EFF2ED
- F7F8F6
Ombres
- 9AA690
- 838D7A
- 6D7565
- 575E51
- 43483E
- 2F332B
- 1D1F1A
- 0C0D0A
- 010201
Tons
- ADB9A2
- A8B29E
- A3AC9B
- 9EA597
- 999F93
- 94998F
- 8F928B
- 8A8C88
- 858684
Harmonies de couleurs
Complémentaire +180°
- B2BFA6
Creamy Spinach
- C1B4CC
≈ Orchid Petal
Analogue -30° +30°
- B2BFA6
Creamy Spinach
- BFBBA0
≈ Castle Wall
- A6C2B2
≈ Kind Green
Triadique +120° +240°
- B2BFA6
Creamy Spinach
- A8BCD1
≈ Skyway
- D0B0B4
≈ Izmir Pink
Complémentaire divisée +150° +210°
- B2BFA6
Creamy Spinach
- B4B8D2
≈ Hundred Waters
- CBB1C1
≈ Runic Mauve
Tétradique +90° +180° +270°
- B2BFA6
Creamy Spinach
- A0C0CA
≈ Stratosphere
- C1B4CC
≈ Orchid Petal
- D0B2A8
≈ Damask Dunes
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.92:1 · APCA Lc 37
Ag
AAASur noir
WCAG 10.89:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 10.89:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--creamy-spinach: #b2bfa6;
--creamy-spinach-rgb: 178 191 166;
--creamy-spinach-oklch: oklch(0.788 0.037 129.8);
}
.element {
color: var(--creamy-spinach);
background-color: hsl(91 16% 70%);
border-color: oklch(0.788 0.037 129.8);
}Tailwind CSS v4
@theme {
--color-creamy-spinach: #b2bfa6;
--color-creamy-spinach-50: #f1f8ed;
--color-creamy-spinach-100: #e3ebde;
--color-creamy-spinach-200: #ced8c8;
--color-creamy-spinach-300: #b0bca8;
--color-creamy-spinach-400: #97a38c;
--color-creamy-spinach-500: #7e8b71;
--color-creamy-spinach-600: #6b7660;
--color-creamy-spinach-700: #555e4d;
--color-creamy-spinach-800: #3f4537;
--color-creamy-spinach-900: #2b3026;
--color-creamy-spinach-950: #181c14;
}SCSS
$creamy-spinach: #b2bfa6;
$creamy-spinach-rgb: 178, 191, 166;
$creamy-spinach-light: mix(#fff, $creamy-spinach, 20%);
$creamy-spinach-dark: mix(#000, $creamy-spinach, 20%);
.element {
color: $creamy-spinach;
box-shadow: 0 0 0 2px rgba($creamy-spinach, 0.35);
}