Dichtstbijzijnde benoemde kleur · #52AA96
#52AA96
Dichtstbijzijnde benoemde kleur: Water Park
#52AA96 (rgb(82 170 150), hsl(166 35% 49%), oklch(0.678 0.091 176.5)) komt het dichtst bij de benoemde kleur Water Park. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#52AA96
oklch(0.678 0.091 176.5)
Kleurconversies
- HEX
- #52aa96
- RGB
- rgb(82 170 150)
- HSL
- hsl(166 35% 49%)
- HWB
- hwb(166 32% 33%)
- OKLCH
- oklch(0.678 0.091 176.5)
- OKLab
- oklab(0.678 -0.09 0.005)
- CIE Lab
- lab(63.79 -31.5 1.82)
- LCH
- lch(63.79 31.55 176.7)
- CMYK
- cmyk(52% 0% 12% 33%)
Tinten · Schaduwen · Tonen
Tinten
- 66B2A0
- 78BBAA
- 8AC3B4
- 9BCCBF
- ACD4C9
- BDDDD4
- CDE5DE
- DEEEE9
- EEF6F4
Schaduwen
- 469382
- 3B7D6E
- 2F685B
- 255349
- 1A3F37
- 112D26
- 081B16
- 020B08
- 000101
Tonen
- 59A694
- 60A292
- 659E8F
- 6A998D
- 6F958B
- 739189
- 778D87
- 7A8984
- 7D8482
Kleurharmonieën
Complementair +180°
- 52AA96
Water Park
- C58099
≈ Cashmere Rose
Analoog -30° +30°
- 52AA96
Water Park
- 72A776
≈ Primavera
- 48A7B3
≈ Freshwater
Triadisch +120° +240°
- 52AA96
Water Park
- 9D8CC9
≈ Cold Purple
- C3895F
≈ Sassy
Gesplitst complementair +150° +210°
- 52AA96
Water Park
- B584B5
≈ African Violet
- CA827A
≈ Raspberry Ripple
Tetradisch +90° +180° +270°
- 52AA96
Water Park
- 7E96D0
≈ Purple Gentian
- C58099
≈ Cashmere Rose
- B09453
≈ Obsession
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.78:1 · APCA Lc 53
Ag
AAAOp zwart
WCAG 7.54:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--water-park: #52aa96;
--water-park-rgb: 82 170 150;
--water-park-oklch: oklch(0.678 0.091 176.5);
}
.element {
color: var(--water-park);
background-color: hsl(166 35% 49%);
border-color: oklch(0.678 0.091 176.5);
}Tailwind CSS v4
@theme {
--color-water-park: #52aa96;
--color-water-park-50: #dbfef5;
--color-water-park-100: #c9f2e8;
--color-water-park-200: #abe2d4;
--color-water-park-300: #83c7b8;
--color-water-park-400: #5eb09d;
--color-water-park-500: #319a84;
--color-water-park-600: #2c8270;
--color-water-park-700: #23685a;
--color-water-park-800: #194d40;
--color-water-park-900: #10352c;
--color-water-park-950: #032019;
}SCSS
$water-park: #52aa96;
$water-park-rgb: 82, 170, 150;
$water-park-light: mix(#fff, $water-park, 20%);
$water-park-dark: mix(#000, $water-park, 20%);
.element {
color: $water-park;
box-shadow: 0 0 0 2px rgba($water-park, 0.35);
}