Najbliższy nazwany kolor · #A98B96
#A98B96
Najbliższy nazwany kolor: Nirvana
#A98B96 (rgb(169 139 150), hsl(338 15% 60%), oklch(0.668 0.039 354.2)) jest najbliższy nazwanemu kolorowi Nirvana. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A98B96
oklch(0.668 0.039 354.2)
Konwersje koloru
- HEX
- #a98b96
- RGB
- rgb(169 139 150)
- HSL
- hsl(338 15% 60%)
- HWB
- hwb(338 55% 34%)
- OKLCH
- oklch(0.668 0.039 354.2)
- OKLab
- oklab(0.668 0.039 -0.004)
- CIE Lab
- lab(60.94 13.09 -1.38)
- LCH
- lch(60.94 13.16 354)
- CMYK
- cmyk(0% 18% 11% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B196A0
- BAA1AA
- C3ADB4
- CBB8BF
- D4C4C9
- DCCFD4
- E5DBDE
- EEE7E9
- F6F3F4
Odcienie ciemniejsze
- 927882
- 7C666E
- 67545B
- 534349
- 3F3237
- 2C2326
- 1B1416
- 0A0708
- 010101
Tony
- A58A94
- A18992
- 9D888F
- 99878D
- 95868B
- 918589
- 8C8387
- 888284
- 848182
Harmonie kolorów
Komplementarna +180°
- A98B96
Nirvana
- 7C9D93
≈ Vizcaya
Analogowa -30° +30°
- A98B96
Nirvana
- A18DA2
≈ Nana
- AC8C89
≈ Mauve Day
Triada +120° +240°
- A98B96
Nirvana
- 94987C
≈ Cavern Moss
- 7E99A9
≈ Beach Umbrella
Komplementarna rozszczepiona +150° +210°
- A98B96
Nirvana
- 869B86
≈ Green Clay
- 799CA0
≈ Grand Boulevard
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.07:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.82:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.82:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--nirvana: #a98b96;
--nirvana-rgb: 169 139 150;
--nirvana-oklch: oklch(0.668 0.039 354.2);
}
.element {
color: var(--nirvana);
background-color: hsl(338 15% 60%);
border-color: oklch(0.668 0.039 354.2);
}Tailwind CSS v4
@theme {
--color-nirvana: #a98b96;
--color-nirvana-50: #fff1f5;
--color-nirvana-100: #f4e3e8;
--color-nirvana-200: #e3ced5;
--color-nirvana-300: #c9afb8;
--color-nirvana-400: #b295a0;
--color-nirvana-500: #9c7c88;
--color-nirvana-600: #846973;
--color-nirvana-700: #6a545c;
--color-nirvana-800: #4e3d44;
--color-nirvana-900: #362a2f;
--color-nirvana-950: #21171b;
}SCSS
$nirvana: #a98b96;
$nirvana-rgb: 169, 139, 150;
$nirvana-light: mix(#fff, $nirvana, 20%);
$nirvana-dark: mix(#000, $nirvana, 20%);
.element {
color: $nirvana;
box-shadow: 0 0 0 2px rgba($nirvana, 0.35);
}