Couleur nommée la plus proche · #008577
#008577
Couleur nommée la plus proche: Go Go Green
#008577 (rgb(0 133 119), hsl(174 100% 26%), oklch(0.553 0.099 182.1)) est la plus proche de la couleur nommée Go Go Green. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#008577
oklch(0.553 0.099 182.1)
Conversions de couleur
- HEX
- #008577
- RGB
- rgb(0 133 119)
- HSL
- hsl(174 100% 26%)
- HWB
- hwb(174 0% 48%)
- OKLCH
- oklch(0.553 0.099 182.1)
- OKLab
- oklab(0.553 -0.099 -0.004)
- CIE Lab
- lab(49.41 -34.62 -1.64)
- LCH
- lch(49.41 34.66 182.7)
- CMYK
- cmyk(100% 0% 11% 48%)
Teintes · Ombres · Tons
Teintes
- 349184
- 509D91
- 68A99E
- 7EB5AB
- 94C1B9
- A9CDC6
- BFDAD4
- D4E6E2
- E9F3F1
Ombres
- 007367
- 006157
- 005047
- 004038
- 00302A
- 00211C
- 001310
- 000605
- 000101
Tons
- 248578
- 368479
- 43847A
- 4E847B
- 58837B
- 61837C
- 69827D
- 71817E
- 79817F
Harmonies de couleurs
Complémentaire +180°
- 008577
Go Go Green
- A2586E
≈ Ruby Shade
Analogue -30° +30°
- 008577
Go Go Green
- 408355
≈ Kilkenny
- 008193
≈ Craftsman Blue
Triadique +120° +240°
- 008577
Go Go Green
- 7E64A3
≈ Purple Paradise
- 9B642F
≈ Cathay Spice
Complémentaire divisée +150° +210°
- 008577
Go Go Green
- 945C8C
≈ Plum Savour
- A45B4D
≈ Cajun Red
Tétradique +90° +180° +270°
- 008577
Go Go Green
- 5E6EAD
≈ Loch Ness
- A2586E
≈ Ruby Shade
- 877022
≈ Corn Harvest
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.54:1 · APCA Lc 71
Ag
AASur noir
WCAG 4.62:1 · APCA Lc 31
Meilleure couleur de texte: #000000
WCAG 4.62:1 (AA) · APCA Lc 31
Contrast pairs
Extraits de code
CSS
:root {
--go-go-green: #008577;
--go-go-green-rgb: 0 133 119;
--go-go-green-oklch: oklch(0.553 0.099 182.1);
}
.element {
color: var(--go-go-green);
background-color: hsl(174 100% 26%);
border-color: oklch(0.553 0.099 182.1);
}Tailwind CSS v4
@theme {
--color-go-go-green: #008577;
--color-go-go-green-50: #d7fff8;
--color-go-go-green-100: #c4f3ec;
--color-go-go-green-200: #a4e3d9;
--color-go-go-green-300: #7ac8bd;
--color-go-go-green-400: #51b2a3;
--color-go-go-green-500: #0d9b8b;
--color-go-go-green-600: #148376;
--color-go-go-green-700: #11695e;
--color-go-go-green-800: #0b4d44;
--color-go-go-green-900: #08362f;
--color-go-go-green-950: #00211b;
}SCSS
$go-go-green: #008577;
$go-go-green-rgb: 0, 133, 119;
$go-go-green-light: mix(#fff, $go-go-green, 20%);
$go-go-green-dark: mix(#000, $go-go-green, 20%);
.element {
color: $go-go-green;
box-shadow: 0 0 0 2px rgba($go-go-green, 0.35);
}