Nearest named color · #A1BC8E
#A1BC8E
Nearest named color: Norway
#A1BC8E (rgb(161 188 142), hsl(95 26% 65%), oklch(0.763 0.07 132.7)) is closest to the named color Norway. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A1BC8E
oklch(0.763 0.07 132.7)
Color conversions
- HEX
- #a1bc8e
- RGB
- rgb(161 188 142)
- HSL
- hsl(95 26% 65%)
- HWB
- hwb(95 56% 26%)
- OKLCH
- oklch(0.763 0.07 132.7)
- OKLab
- oklab(0.763 -0.048 0.052)
- CIE Lab
- lab(73.3 -15.84 20.18)
- LCH
- lch(73.3 25.66 128.1)
- CMYK
- cmyk(14% 0% 24% 26%)
Tints · Shades · Tones
Tints
- AAC399
- B3C9A4
- BDD0AF
- C6D7BB
- CFDDC6
- D9E4D1
- E2EBDC
- ECF1E8
- F5F8F3
Shades
- 8BA37B
- 768B68
- 627356
- 4E5D44
- 3C4734
- 2A3224
- 191F15
- 090D07
- 010201
Tones
- 9EB68D
- 9AB08C
- 97AA8A
- 94A489
- 909E88
- 8D9886
- 8A9285
- 878C83
- 838682
Color harmonies
Complementary +180°
- A1BC8E
Norway
- C2A5D2
≈ Feminine Fancy
Analogous -30° +30°
- A1BC8E
Norway
- BAB480
≈ Leek Powder
- 89C0A5
≈ Baby Cake
Triadic +120° +240°
- A1BC8E
Norway
- 92B5DE
≈ Echo Isles Water
- DBA0A5
≈ Rosetti Pink
Split-complementary +150° +210°
- A1BC8E
Norway
- ABADDE
≈ Maximum Blue Purple
- D2A1BE
≈ Enhance
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.07:1 · APCA Lc 41
Ag
AAAOn black
WCAG 10.09:1 · APCA Lc 62
Best text color: #000000
WCAG 10.09:1 (AAA) · APCA Lc 62
Contrast pairs
Code snippets
CSS
:root {
--norway: #a1bc8e;
--norway-rgb: 161 188 142;
--norway-oklch: oklch(0.763 0.07 132.7);
}
.element {
color: var(--norway);
background-color: hsl(95 26% 65%);
border-color: oklch(0.763 0.07 132.7);
}Tailwind CSS v4
@theme {
--color-norway: #a1bc8e;
--color-norway-50: #edfae6;
--color-norway-100: #deeed6;
--color-norway-200: #c8dbbd;
--color-norway-300: #a8c09c;
--color-norway-400: #8fa87d;
--color-norway-500: #749060;
--color-norway-600: #637a51;
--color-norway-700: #4f6241;
--color-norway-800: #3a472e;
--color-norway-900: #28311f;
--color-norway-950: #161d0f;
}SCSS
$norway: #a1bc8e;
$norway-rgb: 161, 188, 142;
$norway-light: mix(#fff, $norway, 20%);
$norway-dark: mix(#000, $norway, 20%);
.element {
color: $norway;
box-shadow: 0 0 0 2px rgba($norway, 0.35);
}