Color con nombre más cercano · #ABC197
#ABC197
Color con nombre más cercano: Norway
#ABC197 (rgb(171 193 151), hsl(91 25% 67%), oklch(0.783 0.063 130.3)) se parece más al color con nombre Norway. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#ABC197
oklch(0.783 0.063 130.3)
Conversiones de color
- HEX
- #abc197
- RGB
- rgb(171 193 151)
- HSL
- hsl(91 25% 67%)
- HWB
- hwb(91 59% 24%)
- OKLCH
- oklch(0.783 0.063 130.3)
- OKLab
- oklab(0.783 -0.04 0.048)
- CIE Lab
- lab(75.55 -13.45 18.61)
- LCH
- lch(75.55 22.97 125.9)
- CMYK
- cmyk(11% 0% 22% 24%)
Tintes · Sombras · Tonos
Tintes
- B3C7A1
- BBCDAB
- C4D3B6
- CCDAC0
- D4E0CA
- DDE6D5
- E5ECDF
- EEF2EA
- F6F9F4
Sombras
- 94A783
- 7E8F6F
- 68775C
- 545F49
- 404937
- 2D3426
- 1B2017
- 0B0E08
- 010201
Tonos
- A7BA95
- A2B493
- 9EAD90
- 9AA78E
- 95A08C
- 919A8A
- 8D9387
- 888D85
- 848682
Armonías de color
Complementario +180°
- ABC197
Norway
- C5AED7
≈ Darling Lilac
Análogo -30° +30°
- ABC197
Norway
- C1BA8C
≈ Goody Two Shoes
- 96C5AB
≈ Mini Green
Triádico +120° +240°
- ABC197
Norway
- 9BBCE0
≈ Aegean Mist
- DDA8AF
≈ Raspberry Lemonade
Complementario dividido +150° +210°
- ABC197
Norway
- B0B5E1
≈ Beloved
- D5A9C5
≈ Heart to Heart
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.94:1 · APCA Lc 37
Ag
AAASobre negro
WCAG 10.80:1 · APCA Lc 65
Mejor color de texto: #000000
WCAG 10.80:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmentos de código
CSS
:root {
--norway: #abc197;
--norway-rgb: 171 193 151;
--norway-oklch: oklch(0.783 0.063 130.3);
}
.element {
color: var(--norway);
background-color: hsl(91 25% 67%);
border-color: oklch(0.783 0.063 130.3);
}Tailwind CSS v4
@theme {
--color-norway: #abc197;
--color-norway-50: #eef9e7;
--color-norway-100: #e0edd7;
--color-norway-200: #cadabf;
--color-norway-300: #acbf9e;
--color-norway-400: #92a67f;
--color-norway-500: #788f63;
--color-norway-600: #667954;
--color-norway-700: #516143;
--color-norway-800: #3c472f;
--color-norway-900: #293120;
--color-norway-950: #171d10;
}SCSS
$norway: #abc197;
$norway-rgb: 171, 193, 151;
$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);
}