Couleur nommée la plus proche · #85B68D
#85B68D
Couleur nommée la plus proche: Verde
#85B68D (rgb(133 182 141), hsl(130 25% 62%), oklch(0.73 0.079 149.1)) est la plus proche de la couleur nommée Verde. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#85B68D
oklch(0.73 0.079 149.1)
Conversions de couleur
- HEX
- #85b68d
- RGB
- rgb(133 182 141)
- HSL
- hsl(130 25% 62%)
- HWB
- hwb(130 52% 29%)
- OKLCH
- oklch(0.73 0.079 149.1)
- OKLab
- oklab(0.73 -0.067 0.04)
- CIE Lab
- lab(69.73 -23.16 15.5)
- LCH
- lch(69.73 27.87 146.2)
- CMYK
- cmyk(27% 0% 23% 29%)
Teintes · Ombres · Tons
Teintes
- 91BD98
- 9DC4A3
- A9CCAE
- B6D3BA
- C2DAC5
- CEE2D0
- DAE9DC
- E6F0E8
- F3F8F3
Ombres
- 739E7A
- 618667
- 506F55
- 405944
- 304433
- 213023
- 131D14
- 060C07
- 010201
Tons
- 85B18C
- 85AB8B
- 84A689
- 84A088
- 849B87
- 839586
- 829084
- 828B83
- 818581
Harmonies de couleurs
Complémentaire +180°
- 85B68D
Verde
- C496C0
≈ Pomtini
Analogue -30° +30°
- 85B68D
Verde
- A2AF77
≈ Tarragon
- 6EB8A9
≈ Glacial Green
Triadique +120° +240°
- 85B68D
Verde
- 94A6DA
≈ Dalmatian Sage
- D5958B
≈ Powder Blush
Complémentaire divisée +150° +210°
- 85B68D
Verde
- AE9DD3
≈ Biloba Flower
- D193A6
≈ Madagascar Pink
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.31:1 · APCA Lc 46
Ag
AAASur noir
WCAG 9.07:1 · APCA Lc 56
Meilleure couleur de texte: #000000
WCAG 9.07:1 (AAA) · APCA Lc 56
Contrast pairs
Extraits de code
CSS
:root {
--verde: #85b68d;
--verde-rgb: 133 182 141;
--verde-oklch: oklch(0.73 0.079 149.1);
}
.element {
color: var(--verde);
background-color: hsl(130 25% 62%);
border-color: oklch(0.73 0.079 149.1);
}Tailwind CSS v4
@theme {
--color-verde: #85b68d;
--color-verde-50: #e6fcea;
--color-verde-100: #d6f0db;
--color-verde-200: #bddec4;
--color-verde-300: #9bc3a3;
--color-verde-400: #7eac85;
--color-verde-500: #609569;
--color-verde-600: #527e5a;
--color-verde-700: #416547;
--color-verde-800: #304a32;
--color-verde-900: #203322;
--color-verde-950: #101f11;
}SCSS
$verde: #85b68d;
$verde-rgb: 133, 182, 141;
$verde-light: mix(#fff, $verde, 20%);
$verde-dark: mix(#000, $verde, 20%);
.element {
color: $verde;
box-shadow: 0 0 0 2px rgba($verde, 0.35);
}