Couleur nommée la plus proche · #8DB895
#8DB895
Couleur nommée la plus proche: Neptune Green
#8DB895 (rgb(141 184 149), hsl(131 23% 64%), oklch(0.742 0.068 150.1)) est la plus proche de la couleur nommée Neptune Green. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8DB895
oklch(0.742 0.068 150.1)
Conversions de couleur
- HEX
- #8db895
- RGB
- rgb(141 184 149)
- HSL
- hsl(131 23% 64%)
- HWB
- hwb(131 55% 28%)
- OKLCH
- oklch(0.742 0.068 150.1)
- OKLab
- oklab(0.742 -0.059 0.034)
- CIE Lab
- lab(70.95 -20.24 12.97)
- LCH
- lch(70.95 24.04 147.4)
- CMYK
- cmyk(23% 0% 19% 28%)
Teintes · Ombres · Tons
Teintes
- 98BF9F
- A4C6AA
- AFCDB4
- BAD4BE
- C6DBC9
- D1E2D4
- DCE9DE
- E8F1E9
- F3F8F4
Ombres
- 7AA081
- 67886D
- 55715A
- 445B48
- 334537
- 233126
- 141E16
- 070C08
- 010201
Tons
- 8CB293
- 8BAD91
- 8AA78F
- 89A18D
- 879C8B
- 869689
- 859186
- 838B84
- 828682
Harmonies de couleurs
Complémentaire +180°
- 8DB895
Neptune Green
- C59CC0
≈ Lupine
Analogue -30° +30°
- 8DB895
Neptune Green
- A5B282
≈ Fresh Guacamole
- 7ABAAD
≈ Mintnight
Triadique +120° +240°
- 8DB895
Neptune Green
- 9BAAD7
≈ Aster Flower Blue
- D39C92
≈ Nectarine Spice
Complémentaire divisée +150° +210°
- 8DB895
Neptune Green
- B2A2D1
≈ Milky Lavender
- D09AA9
≈ Honey Pink
Tétradique +90° +180° +270°
- 8DB895
Neptune Green
- 84B2D2
≈ Blue Cuddle
- C59CC0
≈ Lupine
- CCA280
≈ Arbol de Tamarindo
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.22:1 · APCA Lc 44
Ag
AAASur noir
WCAG 9.42:1 · APCA Lc 58
Meilleure couleur de texte: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
Extraits de code
CSS
:root {
--neptune-green: #8db895;
--neptune-green-rgb: 141 184 149;
--neptune-green-oklch: oklch(0.742 0.068 150.1);
}
.element {
color: var(--neptune-green);
background-color: hsl(131 23% 64%);
border-color: oklch(0.742 0.068 150.1);
}Tailwind CSS v4
@theme {
--color-neptune-green: #8db895;
--color-neptune-green-50: #e8fbec;
--color-neptune-green-100: #d8efdd;
--color-neptune-green-200: #c0ddc6;
--color-neptune-green-300: #9ec2a7;
--color-neptune-green-400: #82aa89;
--color-neptune-green-500: #65936e;
--color-neptune-green-600: #567c5e;
--color-neptune-green-700: #44644b;
--color-neptune-green-800: #324935;
--color-neptune-green-900: #223324;
--color-neptune-green-950: #111e13;
}SCSS
$neptune-green: #8db895;
$neptune-green-rgb: 141, 184, 149;
$neptune-green-light: mix(#fff, $neptune-green, 20%);
$neptune-green-dark: mix(#000, $neptune-green, 20%);
.element {
color: $neptune-green;
box-shadow: 0 0 0 2px rgba($neptune-green, 0.35);
}