Couleur nommée · #8BA673
Salad
Salad correspond à #8BA673 : rgb(139 166 115), hsl(92 22% 55%), oklch(0.691 0.078 130.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Salad color name →
#8BA673
oklch(0.691 0.078 130.9)
Conversions de couleur
- HEX
- #8ba673
- RGB
- rgb(139 166 115)
- HSL
- hsl(92 22% 55%)
- HWB
- hwb(92 45% 35%)
- OKLCH
- oklch(0.691 0.078 130.9)
- OKLab
- oklab(0.691 -0.051 0.059)
- CIE Lab
- lab(65.06 -16.73 23.26)
- LCH
- lch(65.06 28.66 125.7)
- CMYK
- cmyk(16% 0% 31% 35%)
Teintes · Ombres · Tons
Teintes
- 96AF81
- A1B78E
- ADC09C
- B8C9AA
- C4D2B8
- CFDBC6
- DBE4D4
- E7EDE2
- F3F6F1
Ombres
- 789063
- 667A54
- 546545
- 435136
- 323E28
- 232B1B
- 141A0F
- 070A05
- 010101
Tons
- 8AA275
- 899E76
- 889B78
- 879779
- 86937A
- 858F7C
- 838B7D
- 82887E
- 81847F
Harmonies de couleurs
Complémentaire +180°
- 8BA673
Salad
- AB8EC0
≈ East Side
Analogue -30° +30°
- 8BA673
Salad
- A69D64
≈ Acacia Tree
- 6FAB8C
≈ Melon Green
Triadique +120° +240°
- 8BA673
Salad
- 77A0CB
≈ Blue Lechery
- C78890
≈ Solid Pink
Complémentaire divisée +150° +210°
- 8BA673
Salad
- 9397CB
≈ Easter Egg
- BD89AA
≈ Rosy
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.69:1 · APCA Lc 52
Ag
AAASur noir
WCAG 7.79:1 · APCA Lc 50
Meilleure couleur de texte: #000000
WCAG 7.79:1 (AAA) · APCA Lc 50
Contrast pairs
Extraits de code
CSS
:root {
--salad: #8ba673;
--salad-rgb: 139 166 115;
--salad-oklch: oklch(0.691 0.078 130.9);
}
.element {
color: var(--salad);
background-color: hsl(92 22% 55%);
border-color: oklch(0.691 0.078 130.9);
}Tailwind CSS v4
@theme {
--color-salad: #8ba673;
--color-salad-50: #edfae4;
--color-salad-100: #deeed4;
--color-salad-200: #c8dcba;
--color-salad-300: #a8c098;
--color-salad-400: #8ea878;
--color-salad-500: #749159;
--color-salad-600: #627b4c;
--color-salad-700: #4f623d;
--color-salad-800: #3a482a;
--color-salad-900: #28321c;
--color-salad-950: #161e0d;
}SCSS
$salad: #8ba673;
$salad-rgb: 139, 166, 115;
$salad-light: mix(#fff, $salad, 20%);
$salad-dark: mix(#000, $salad, 20%);
.element {
color: $salad;
box-shadow: 0 0 0 2px rgba($salad, 0.35);
}