Dichtstbijzijnde benoemde kleur · #088576
#088576
Dichtstbijzijnde benoemde kleur: Go Go Green
#088576 (rgb(8 133 118), hsl(173 89% 28%), oklch(0.554 0.098 181.1)) 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.
#088576
oklch(0.554 0.098 181.1)
Kleurconversies
- HEX
- #088576
- RGB
- rgb(8 133 118)
- HSL
- hsl(173 89% 28%)
- HWB
- hwb(173 3% 48%)
- OKLCH
- oklch(0.554 0.098 181.1)
- OKLab
- oklab(0.554 -0.098 -0.002)
- CIE Lab
- lab(49.46 -34.38 -0.99)
- LCH
- lch(49.46 34.4 181.6)
- CMYK
- cmyk(94% 0% 11% 48%)
Tinten · Schaduwen · Tonen
Tinten
- 369183
- 519D90
- 69A99D
- 7FB5AA
- 94C1B8
- AACDC6
- BFDAD4
- D4E6E2
- EAF2F0
Schaduwen
- 067366
- 046156
- 035047
- 024038
- 013029
- 01211C
- 00130F
- 000605
- 000101
Tonen
- 278577
- 378478
- 448479
- 4F847A
- 58837B
- 61837C
- 6A827D
- 71817E
- 79817F
Kleurharmonieën
Complementair +180°
- 088576
Go Go Green
- A1596F
≈ Ruby Shade
Analoog -30° +30°
- 088576
Go Go Green
- 428354
≈ Kilkenny
- 008193
≈ Craftsman Blue
Triadisch +120° +240°
- 088576
Go Go Green
- 7D64A3
≈ Purple Paradise
- 9C6431
≈ Cathay Spice
Gesplitst complementair +150° +210°
- 088576
Go Go Green
- 935C8D
≈ Plum Savour
- A45B4E
≈ Cajun Red
Tetradisch +90° +180° +270°
- 088576
Go Go Green
- 5E6FAC
≈ Dormitory
- A1596F
≈ Ruby Shade
- 887023
≈ Corn Harvest
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.53: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: #088576;
--go-go-green-rgb: 8 133 118;
--go-go-green-oklch: oklch(0.554 0.098 181.1);
}
.element {
color: var(--go-go-green);
background-color: hsl(173 89% 28%);
border-color: oklch(0.554 0.098 181.1);
}Tailwind CSS v4
@theme {
--color-go-go-green: #088576;
--color-go-go-green-50: #d7fff8;
--color-go-go-green-100: #c5f3eb;
--color-go-go-green-200: #a5e3d8;
--color-go-go-green-300: #7bc8bc;
--color-go-go-green-400: #52b1a2;
--color-go-go-green-500: #159b8a;
--color-go-go-green-600: #188375;
--color-go-go-green-700: #14695d;
--color-go-go-green-800: #0d4d43;
--color-go-go-green-900: #09362e;
--color-go-go-green-950: #00211b;
}SCSS
$go-go-green: #088576;
$go-go-green-rgb: 8, 133, 118;
$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);
}