Nazwany kolor · #BA9F95
Natchez
Natchez to #BA9F95: rgb(186 159 149), hsl(16 21% 66%), oklch(0.724 0.035 41.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Natchez color name →
#BA9F95
oklch(0.724 0.035 41.4)
Konwersje koloru
- HEX
- #ba9f95
- RGB
- rgb(186 159 149)
- HSL
- hsl(16 21% 66%)
- HWB
- hwb(16 58% 27%)
- OKLCH
- oklch(0.724 0.035 41.4)
- OKLab
- oklab(0.724 0.026 0.023)
- CIE Lab
- lab(67.73 9.08 9.12)
- LCH
- lch(67.73 12.87 45.1)
- CMYK
- cmyk(0% 15% 20% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C1A89F
- C8B2A9
- CFBBB4
- D5C5BE
- DCCEC9
- E3D8D3
- EAE1DE
- F1EBE9
- F8F5F4
Odcienie ciemniejsze
- A18A81
- 89756D
- 72615A
- 5C4D48
- 463B37
- 322926
- 1E1816
- 0D0908
- 020101
Tony
- B49C93
- AE9991
- A8968F
- A3938D
- 9D8F8B
- 978C88
- 918986
- 8B8684
- 868382
Harmonie kolorów
Komplementarna +180°
- BA9F95
Natchez
- 8EABB6
≈ Windsurf
Analogowa -30° +30°
- BA9F95
Natchez
- BB9DA0
≈ Windflower
- B4A38E
≈ Wild Rye
Triada +120° +240°
- BA9F95
Natchez
- 93AD9F
≈ Rare Happening
- A1A4BC
≈ Icelandic Blue
Komplementarna rozszczepiona +150° +210°
- BA9F95
Natchez
- 8DADAB
≈ Shallow Water Ground
- 96A8BC
≈ Cool Customer
Tetrada +90° +180° +270°
- BA9F95
Natchez
- 9EAB94
≈ Bushel
- 8EABB6
≈ Windsurf
- ADA0B6
≈ Grapeade
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.47:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.48:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.48:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--natchez: #ba9f95;
--natchez-rgb: 186 159 149;
--natchez-oklch: oklch(0.724 0.035 41.4);
}
.element {
color: var(--natchez);
background-color: hsl(16 21% 66%);
border-color: oklch(0.724 0.035 41.4);
}Tailwind CSS v4
@theme {
--color-natchez: #ba9f95;
--color-natchez-50: #fff2ed;
--color-natchez-100: #f3e4df;
--color-natchez-200: #e2d0c8;
--color-natchez-300: #c8b2a9;
--color-natchez-400: #b2988f;
--color-natchez-500: #9b7f74;
--color-natchez-600: #836b63;
--color-natchez-700: #69564f;
--color-natchez-800: #4e3e39;
--color-natchez-900: #362b27;
--color-natchez-950: #211815;
}SCSS
$natchez: #ba9f95;
$natchez-rgb: 186, 159, 149;
$natchez-light: mix(#fff, $natchez, 20%);
$natchez-dark: mix(#000, $natchez, 20%);
.element {
color: $natchez;
box-shadow: 0 0 0 2px rgba($natchez, 0.35);
}