Nearest named color · #53AB88
#53AB88
Nearest named color: Electra
#53AB88 (rgb(83 171 136), hsl(156 35% 50%), oklch(0.677 0.101 165.2)) is closest to the named color Electra. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#53AB88
oklch(0.677 0.101 165.2)
Color conversions
- HEX
- #53ab88
- RGB
- rgb(83 171 136)
- HSL
- hsl(156 35% 50%)
- HWB
- hwb(156 33% 33%)
- OKLCH
- oklch(0.677 0.101 165.2)
- OKLab
- oklab(0.677 -0.097 0.026)
- CIE Lab
- lab(63.85 -34.17 9.61)
- LCH
- lch(63.85 35.5 164.3)
- CMYK
- cmyk(51% 0% 20% 33%)
Tints · Shades · Tones
Tints
- 67B393
- 79BC9F
- 8AC4AA
- 9BCDB6
- ACD5C2
- BDDDCE
- CDE6DA
- DEEEE6
- EEF7F3
Shades
- 479475
- 3B7E63
- 306852
- 255441
- 1B4031
- 112D22
- 081B13
- 020B06
- 000101
Tones
- 5AA787
- 60A386
- 669E86
- 6B9A85
- 6F9684
- 739183
- 778D83
- 7A8982
- 7D8481
Color harmonies
Complementary +180°
- 53AB88
Electra
- C47EA5
≈ Moonlight Mauve
Analogous -30° +30°
- 53AB88
Electra
- 7CA565
≈ Dull Green
- 36AAAB
≈ Greenland Green
Triadic +120° +240°
- 53AB88
Electra
- 918ED3
≈ Adora
- CB8362
≈ Cabana Melon
Split-complementary +150° +210°
- 53AB88
Electra
- AF84C2
≈ African Violet
- CE7D83
≈ Dirty Pink
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.78:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.54:1 · APCA Lc 48
Best text color: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--electra: #53ab88;
--electra-rgb: 83 171 136;
--electra-oklch: oklch(0.677 0.101 165.2);
}
.element {
color: var(--electra);
background-color: hsl(156 35% 50%);
border-color: oklch(0.677 0.101 165.2);
}Tailwind CSS v4
@theme {
--color-electra: #53ab88;
--color-electra-50: #dbffef;
--color-electra-100: #c9f3e1;
--color-electra-200: #abe3cb;
--color-electra-300: #83c8ad;
--color-electra-400: #5fb190;
--color-electra-500: #339b76;
--color-electra-600: #2e8364;
--color-electra-700: #256950;
--color-electra-800: #1a4d38;
--color-electra-900: #113627;
--color-electra-950: #032115;
}SCSS
$electra: #53ab88;
$electra-rgb: 83, 171, 136;
$electra-light: mix(#fff, $electra, 20%);
$electra-dark: mix(#000, $electra, 20%);
.element {
color: $electra;
box-shadow: 0 0 0 2px rgba($electra, 0.35);
}