Najbliższy nazwany kolor · #A99379
#A99379
Najbliższy nazwany kolor: Saddle Up
#A99379 (rgb(169 147 121), hsl(32 22% 57%), oklch(0.676 0.045 71.6)) jest najbliższy nazwanemu kolorowi Saddle Up. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A99379
oklch(0.676 0.045 71.6)
Konwersje koloru
- HEX
- #a99379
- RGB
- rgb(169 147 121)
- HSL
- hsl(32 22% 57%)
- HWB
- hwb(32 47% 34%)
- OKLCH
- oklch(0.676 0.045 71.6)
- OKLab
- oklab(0.676 0.014 0.043)
- CIE Lab
- lab(62.43 5.49 17)
- LCH
- lch(62.43 17.87 72.1)
- CMYK
- cmyk(0% 13% 28% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B19D86
- BAA893
- C2B2A0
- CBBDAD
- D3C8BA
- DCD3C8
- E5DED5
- EDE9E3
- F6F4F1
Odcienie ciemniejsze
- 927F68
- 7C6C58
- 675948
- 534739
- 3F362B
- 2C251D
- 1B1610
- 0A0805
- 010101
Tony
- A5917A
- A18F7B
- 9D8D7C
- 998B7C
- 948A7D
- 90887E
- 8C867E
- 88847F
- 84827F
Harmonie kolorów
Komplementarna +180°
- A99379
Saddle Up
- 8399B3
≈ Polished Metal
Analogowa -30° +30°
- A99379
Saddle Up
- B08E82
≈ Coyote Tracks
- 9C9879
≈ A Frond in Need
Triada +120° +240°
- A99379
Saddle Up
- 77A09E
≈ Delaware Blue Hen
- A090AC
≈ Compliment
Komplementarna rozszczepiona +150° +210°
- A99379
Saddle Up
- 799EAB
≈ Cool Dusk
- 9294B3
≈ Lively Lilac
Tetrada +90° +180° +270°
- A99379
Saddle Up
- 7FA08E
≈ Mossy Bench
- 8399B3
≈ Polished Metal
- AB8D9F
≈ Mauve Musk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.94:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.13:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--saddle-up: #a99379;
--saddle-up-rgb: 169 147 121;
--saddle-up-oklch: oklch(0.676 0.045 71.6);
}
.element {
color: var(--saddle-up);
background-color: hsl(32 22% 57%);
border-color: oklch(0.676 0.045 71.6);
}Tailwind CSS v4
@theme {
--color-saddle-up: #a99379;
--color-saddle-up-50: #fdf4e7;
--color-saddle-up-100: #f1e6d8;
--color-saddle-up-200: #e0d2c0;
--color-saddle-up-300: #c6b49f;
--color-saddle-up-400: #b09b82;
--color-saddle-up-500: #998265;
--color-saddle-up-600: #826e56;
--color-saddle-up-700: #685845;
--color-saddle-up-800: #4d4031;
--color-saddle-up-900: #352c22;
--color-saddle-up-950: #201911;
}SCSS
$saddle-up: #a99379;
$saddle-up-rgb: 169, 147, 121;
$saddle-up-light: mix(#fff, $saddle-up, 20%);
$saddle-up-dark: mix(#000, $saddle-up, 20%);
.element {
color: $saddle-up;
box-shadow: 0 0 0 2px rgba($saddle-up, 0.35);
}