Couleur nommée la plus proche · #A99379
#A99379
Couleur nommée la plus proche: Saddle Up
#A99379 (rgb(169 147 121), hsl(32 22% 57%), oklch(0.676 0.045 71.6)) est la plus proche de la couleur nommée Saddle Up. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A99379
oklch(0.676 0.045 71.6)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- B19D86
- BAA893
- C2B2A0
- CBBDAD
- D3C8BA
- DCD3C8
- E5DED5
- EDE9E3
- F6F4F1
Ombres
- 927F68
- 7C6C58
- 675948
- 534739
- 3F362B
- 2C251D
- 1B1610
- 0A0805
- 010101
Tons
- A5917A
- A18F7B
- 9D8D7C
- 998B7C
- 948A7D
- 90887E
- 8C867E
- 88847F
- 84827F
Harmonies de couleurs
Complémentaire +180°
- A99379
Saddle Up
- 8399B3
≈ Polished Metal
Analogue -30° +30°
- A99379
Saddle Up
- B08E82
≈ Coyote Tracks
- 9C9879
≈ A Frond in Need
Triadique +120° +240°
- A99379
Saddle Up
- 77A09E
≈ Delaware Blue Hen
- A090AC
≈ Compliment
Complémentaire divisée +150° +210°
- A99379
Saddle Up
- 799EAB
≈ Cool Dusk
- 9294B3
≈ Lively Lilac
Tétradique +90° +180° +270°
- A99379
Saddle Up
- 7FA08E
≈ Mossy Bench
- 8399B3
≈ Polished Metal
- AB8D9F
≈ Mauve Musk
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.94:1 · APCA Lc 56
Ag
AAASur noir
WCAG 7.13:1 · APCA Lc 46
Meilleure couleur de texte: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
Extraits de code
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);
}