Dichtstbijzijnde benoemde kleur · #098575
#098575
Dichtstbijzijnde benoemde kleur: Go Go Green
#098575 (rgb(9 133 117), hsl(172 87% 28%), oklch(0.554 0.099 180.3)) komt het dichtst bij de benoemde kleur Go Go Green. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#098575
oklch(0.554 0.099 180.3)
Kleurconversies
- HEX
- #098575
- RGB
- rgb(9 133 117)
- HSL
- hsl(172 87% 28%)
- HWB
- hwb(172 4% 48%)
- OKLCH
- oklch(0.554 0.099 180.3)
- OKLab
- oklab(0.554 -0.099 0)
- CIE Lab
- lab(49.44 -34.55 -0.43)
- LCH
- lch(49.44 34.55 180.7)
- CMYK
- cmyk(93% 0% 12% 48%)
Tinten · Schaduwen · Tonen
Tinten
- 369182
- 519D8F
- 69A99C
- 7FB5AA
- 95C1B8
- AACDC5
- BFDAD4
- D4E6E2
- EAF2F0
Schaduwen
- 077365
- 056155
- 035046
- 024037
- 013029
- 01211C
- 00130F
- 000605
- 000101
Tonen
- 278576
- 378477
- 448478
- 4F8479
- 58837A
- 61837C
- 6A827D
- 71817E
- 79817F
Kleurharmonieën
Complementair +180°
- 098575
Go Go Green
- A15970
≈ Ruby Shade
Analoog -30° +30°
- 098575
Go Go Green
- 438353
≈ Kilkenny
- 008192
≈ Craftsman Blue
Triadisch +120° +240°
- 098575
Go Go Green
- 7C64A3
≈ Purple Paradise
- 9C6431
≈ Cathay Spice
Gesplitst complementair +150° +210°
- 098575
Go Go Green
- 935C8E
≈ Plum Savour
- A45B4F
≈ Cajun Red
Tetradisch +90° +180° +270°
- 098575
Go Go Green
- 5C6FAC
≈ Dormitory
- A15970
≈ Ruby Shade
- 897022
≈ Corn Harvest
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.54:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.62:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.62:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
CSS
:root {
--go-go-green: #098575;
--go-go-green-rgb: 9 133 117;
--go-go-green-oklch: oklch(0.554 0.099 180.3);
}
.element {
color: var(--go-go-green);
background-color: hsl(172 87% 28%);
border-color: oklch(0.554 0.099 180.3);
}Tailwind CSS v4
@theme {
--color-go-go-green: #098575;
--color-go-go-green-50: #d7fff7;
--color-go-go-green-100: #c5f3ea;
--color-go-go-green-200: #a5e3d7;
--color-go-go-green-300: #7bc8bb;
--color-go-go-green-400: #53b2a1;
--color-go-go-green-500: #169b89;
--color-go-go-green-600: #198374;
--color-go-go-green-700: #15695d;
--color-go-go-green-800: #0e4d42;
--color-go-go-green-900: #09362e;
--color-go-go-green-950: #00211b;
}SCSS
$go-go-green: #098575;
$go-go-green-rgb: 9, 133, 117;
$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);
}