Nearest named color · #A8C19B
#A8C19B
Nearest named color: Norway
#A8C19B (rgb(168 193 155), hsl(99 23% 68%), oklch(0.782 0.059 134.9)) is closest to the named color Norway. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A8C19B
oklch(0.782 0.059 134.9)
Color conversions
- HEX
- #a8c19b
- RGB
- rgb(168 193 155)
- HSL
- hsl(99 23% 68%)
- HWB
- hwb(99 61% 24%)
- OKLCH
- oklch(0.782 0.059 134.9)
- OKLab
- oklab(0.782 -0.042 0.042)
- CIE Lab
- lab(75.41 -14.07 16.25)
- LCH
- lch(75.41 21.5 130.9)
- CMYK
- cmyk(13% 0% 20% 24%)
Tints · Shades · Tones
Tints
- B0C7A5
- B9CDAF
- C2D3B8
- CADAC2
- D3E0CC
- DCE6D6
- E4ECE0
- EDF2EB
- F6F9F5
Shades
- 92A786
- 7C8F72
- 67775E
- 525F4B
- 3F4939
- 2C3428
- 1A2018
- 0A0E09
- 010201
Tones
- A4BA98
- A0B496
- 9CAD93
- 98A790
- 94A08E
- 909A8B
- 8C9388
- 888D86
- 848683
Color harmonies
Complementary +180°
- A8C19B
Norway
- C7ADD3
≈ Meadow Thistle
Analogous -30° +30°
- A8C19B
Norway
- BDBB8F
≈ Back to Nature
- 95C5AF
≈ Bella Green
Triadic +120° +240°
- A8C19B
Norway
- 9FBADE
≈ Pylon
- DBA9AC
≈ Peach Poppy
Split-complementary +150° +210°
- A8C19B
Norway
- B3B3DD
≈ Beloved
- D5A9C1
≈ Heart to Heart
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.95:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.76:1 · APCA Lc 65
Best text color: #000000
WCAG 10.76:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--norway: #a8c19b;
--norway-rgb: 168 193 155;
--norway-oklch: oklch(0.782 0.059 134.9);
}
.element {
color: var(--norway);
background-color: hsl(99 23% 68%);
border-color: oklch(0.782 0.059 134.9);
}Tailwind CSS v4
@theme {
--color-norway: #a8c19b;
--color-norway-50: #edf9e9;
--color-norway-100: #dfedda;
--color-norway-200: #c9dbc2;
--color-norway-300: #aabfa1;
--color-norway-400: #90a784;
--color-norway-500: #758f67;
--color-norway-600: #637958;
--color-norway-700: #4f6146;
--color-norway-800: #3a4732;
--color-norway-900: #283122;
--color-norway-950: #161d11;
}SCSS
$norway: #a8c19b;
$norway-rgb: 168, 193, 155;
$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);
}