Couleur nommée la plus proche · #8CA358
#8CA358
Couleur nommée la plus proche: Rosemarried
#8CA358 (rgb(140 163 88), hsl(78 30% 49%), oklch(0.68 0.104 123.2)) est la plus proche de la couleur nommée Rosemarried. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8CA358
oklch(0.68 0.104 123.2)
Conversions de couleur
- HEX
- #8ca358
- RGB
- rgb(140 163 88)
- HSL
- hsl(78 30% 49%)
- HWB
- hwb(78 35% 36%)
- OKLCH
- oklch(0.68 0.104 123.2)
- OKLab
- oklab(0.68 -0.057 0.087)
- CIE Lab
- lab(63.9 -17.55 35.94)
- LCH
- lch(63.9 39.99 116)
- CMYK
- cmyk(14% 0% 46% 36%)
Teintes · Ombres · Tons
Teintes
- 97AC69
- A2B57A
- ADBE8B
- B8C89B
- C4D1AC
- CFDABC
- DBE3CD
- E7ECDD
- F3F6EE
Ombres
- 798D4B
- 67783F
- 556333
- 434F28
- 333C1D
- 232A12
- 141909
- 070A03
- 010100
Tons
- 8BA05D
- 8A9C62
- 889967
- 87956B
- 86926F
- 858E73
- 838B76
- 82877A
- 81847D
Harmonies de couleurs
Complémentaire +180°
- 8CA358
Rosemarried
- A588CD
≈ Middy’s Purple
Analogue -30° +30°
- 8CA358
Rosemarried
- AE9746
≈ Semi Opal
- 62AB7A
≈ Green Tea Candy
Triadique +120° +240°
- 8CA358
Rosemarried
- 5B9FD4
≈ Picton Blue
- CE7C92
≈ Wild Rose
Complémentaire divisée +150° +210°
- 8CA358
Rosemarried
- 8394D9
≈ Mystic Iris
- BF80B4
≈ Lavender Sweater
Tétradique +90° +180° +270°
- 8CA358
Rosemarried
- 36A9BF
≈ Moonstone
- A588CD
≈ Middy’s Purple
- D0806E
≈ Fire Chalk
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.80:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.49:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--rosemarried: #8ca358;
--rosemarried-rgb: 140 163 88;
--rosemarried-oklch: oklch(0.68 0.104 123.2);
}
.element {
color: var(--rosemarried);
background-color: hsl(78 30% 49%);
border-color: oklch(0.68 0.104 123.2);
}Tailwind CSS v4
@theme {
--color-rosemarried: #8ca358;
--color-rosemarried-50: #eefbdb;
--color-rosemarried-100: #e0efc9;
--color-rosemarried-200: #caddac;
--color-rosemarried-300: #abc186;
--color-rosemarried-400: #93a962;
--color-rosemarried-500: #79913d;
--color-rosemarried-600: #677b35;
--color-rosemarried-700: #52622a;
--color-rosemarried-800: #3d481b;
--color-rosemarried-900: #2a3212;
--color-rosemarried-950: #181e04;
}SCSS
$rosemarried: #8ca358;
$rosemarried-rgb: 140, 163, 88;
$rosemarried-light: mix(#fff, $rosemarried, 20%);
$rosemarried-dark: mix(#000, $rosemarried, 20%);
.element {
color: $rosemarried;
box-shadow: 0 0 0 2px rgba($rosemarried, 0.35);
}