Couleur nommée · #BEBDAC
Sapless Green
Sapless Green correspond à #BEBDAC : rgb(190 189 172), hsl(57 12% 71%), oklch(0.794 0.023 104.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Sapless Green color name →
#BEBDAC
oklch(0.794 0.023 104.2)
Conversions de couleur
- HEX
- #bebdac
- RGB
- rgb(190 189 172)
- HSL
- hsl(57 12% 71%)
- HWB
- hwb(57 67% 25%)
- OKLCH
- oklch(0.794 0.023 104.2)
- OKLab
- oklab(0.794 -0.006 0.023)
- CIE Lab
- lab(76.34 -1.87 8.76)
- LCH
- lch(76.34 8.96 102)
- CMYK
- cmyk(0% 1% 9% 25%)
Teintes · Ombres · Tons
Teintes
- C4C3B4
- CBCABC
- D1D0C4
- D8D7CD
- DEDED5
- E5E4DD
- EBEBE6
- F2F2EE
- F8F8F6
Ombres
- A5A495
- 8C8C7F
- 757469
- 5E5D54
- 484740
- 33332D
- 1F1F1B
- 0D0D0B
- 020201
Tons
- B8B7A8
- B1B0A3
- ABAA9F
- A5A49A
- 9E9E96
- 989891
- 92928D
- 8C8C89
- 868684
Harmonies de couleurs
Complémentaire +180°
- BEBDAC
Sapless Green
- BABACB
≈ Cosmic
Analogue -30° +30°
- BEBDAC
Sapless Green
- C5BAAC
≈ Castle Path
- B6C0B0
≈ Kahili
Triadique +120° +240°
- BEBDAC
Sapless Green
- ADC0C7
≈ Bright Chambray
- C8B6C0
≈ High Society
Complémentaire divisée +150° +210°
- BEBDAC
Sapless Green
- B2BDCB
≈ Stainless Steel
- C2B8C7
≈ Pocketful of Posies
Tétradique +90° +180° +270°
- BEBDAC
Sapless Green
- ACC1C0
≈ Glacier Blue
- BABACB
≈ Cosmic
- CBB6B7
≈ Smoked Lavender
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.89:1 · APCA Lc 36
Ag
AAASur noir
WCAG 11.06:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 11.06:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--sapless-green: #bebdac;
--sapless-green-rgb: 190 189 172;
--sapless-green-oklch: oklch(0.794 0.023 104.2);
}
.element {
color: var(--sapless-green);
background-color: hsl(57 12% 71%);
border-color: oklch(0.794 0.023 104.2);
}Tailwind CSS v4
@theme {
--color-sapless-green: #bebdac;
--color-sapless-green-50: #f6f6ee;
--color-sapless-green-100: #e9e8e0;
--color-sapless-green-200: #d5d5ca;
--color-sapless-green-300: #b9b8ab;
--color-sapless-green-400: #a09f90;
--color-sapless-green-500: #888776;
--color-sapless-green-600: #737264;
--color-sapless-green-700: #5c5c50;
--color-sapless-green-800: #44433a;
--color-sapless-green-900: #2f2e27;
--color-sapless-green-950: #1b1b16;
}SCSS
$sapless-green: #bebdac;
$sapless-green-rgb: 190, 189, 172;
$sapless-green-light: mix(#fff, $sapless-green, 20%);
$sapless-green-dark: mix(#000, $sapless-green, 20%);
.element {
color: $sapless-green;
box-shadow: 0 0 0 2px rgba($sapless-green, 0.35);
}