Nearest named color · #66A977
#66A977
Nearest named color: Primavera
#66A977 (rgb(102 169 119), hsl(135 28% 53%), oklch(0.676 0.101 151.1)) is closest to the named color Primavera. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#66A977
oklch(0.676 0.101 151.1)
Color conversions
- HEX
- #66a977
- RGB
- rgb(102 169 119)
- HSL
- hsl(135 28% 53%)
- HWB
- hwb(135 40% 34%)
- OKLCH
- oklch(0.676 0.101 151.1)
- OKLab
- oklab(0.676 -0.088 0.049)
- CIE Lab
- lab(63.77 -30.57 18.92)
- LCH
- lch(63.77 35.95 148.2)
- CMYK
- cmyk(40% 0% 30% 34%)
Tints · Shades · Tones
Tints
- 76B284
- 85BA91
- 95C39F
- A4CBAC
- B3D4BA
- C2DCC7
- D1E5D5
- E0EEE3
- F0F6F1
Shades
- 589267
- 4A7C57
- 3C6747
- 2F5338
- 233F2A
- 172C1C
- 0C1B10
- 040A05
- 000101
Tones
- 6AA578
- 6DA179
- 709D7A
- 73997B
- 76957C
- 78917D
- 7A8D7E
- 7C887F
- 7E847F
Color harmonies
Complementary +180°
- 66A977
Primavera
- BB80B4
≈ Drama Violet
Analogous -30° +30°
- 66A977
Primavera
- 8EA157
≈ Zesty Apple
- 40AB9B
≈ Ambrosial Oceanside
Triadic +120° +240°
- 66A977
Primavera
- 8094D6
≈ Mystic Iris
- CE7F71
≈ Canyon Clay
Split-complementary +150° +210°
- 66A977
Primavera
- A288CC
≈ Petrified Purple
- CA7C93
≈ Wild Rose
Tetradic +90° +180° +270°
- 66A977
Primavera
- 5A9FD0
≈ Picton Blue
- BB80B4
≈ Drama Violet
- C48854
≈ Butter Rum
Contrast & accessibility
Ag
FailOn white
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.50:1 · APCA Lc 48
Best text color: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--primavera: #66a977;
--primavera-rgb: 102 169 119;
--primavera-oklch: oklch(0.676 0.101 151.1);
}
.element {
color: var(--primavera);
background-color: hsl(135 28% 53%);
border-color: oklch(0.676 0.101 151.1);
}Tailwind CSS v4
@theme {
--color-primavera: #66a977;
--color-primavera-50: #e0fee8;
--color-primavera-100: #cff2d8;
--color-primavera-200: #b4e1c0;
--color-primavera-300: #8fc79f;
--color-primavera-400: #70b080;
--color-primavera-500: #4e9963;
--color-primavera-600: #438154;
--color-primavera-700: #356843;
--color-primavera-800: #274c2f;
--color-primavera-900: #1a3520;
--color-primavera-950: #0a200f;
}SCSS
$primavera: #66a977;
$primavera-rgb: 102, 169, 119;
$primavera-light: mix(#fff, $primavera, 20%);
$primavera-dark: mix(#000, $primavera, 20%);
.element {
color: $primavera;
box-shadow: 0 0 0 2px rgba($primavera, 0.35);
}