Couleur nommée · #C3BDA9
Jackson Antique
Jackson Antique correspond à #C3BDA9 : rgb(195 189 169), hsl(46 18% 71%), oklch(0.798 0.028 93.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Jackson Antique color name →
#C3BDA9
oklch(0.798 0.028 93.2)
Conversions de couleur
- HEX
- #c3bda9
- RGB
- rgb(195 189 169)
- HSL
- hsl(46 18% 71%)
- HWB
- hwb(46 66% 24%)
- OKLCH
- oklch(0.798 0.028 93.2)
- OKLab
- oklab(0.798 -0.002 0.028)
- CIE Lab
- lab(76.7 -0.36 10.94)
- LCH
- lch(76.7 10.95 91.9)
- CMYK
- cmyk(0% 3% 13% 24%)
Teintes · Ombres · Tons
Teintes
- C9C3B1
- CFCABA
- D5D0C2
- DBD7CB
- E1DED3
- E7E4DC
- EDEBE5
- F3F2ED
- F9F8F6
Ombres
- A9A492
- 908C7C
- 787467
- 605D53
- 4A473F
- 34332C
- 201F1B
- 0E0D0A
- 020201
Tons
- BCB7A5
- B5B0A1
- AEAA9D
- A8A498
- A19E94
- 9A9890
- 94928C
- 8D8C88
- 868684
Harmonies de couleurs
Complémentaire +180°
- C3BDA9
Jackson Antique
- B7BCD0
≈ Violet Vision
Analogue -30° +30°
- C3BDA9
Jackson Antique
- CBBAAB
≈ Bona Fide Beige
- B9C0AD
≈ Celandine Green
Triadique +120° +240°
- C3BDA9
Jackson Antique
- A9C2C8
≈ Feathery Blue
- C9B7C5
≈ Ballad
Complémentaire divisée +150° +210°
- C3BDA9
Jackson Antique
- AEC0CE
≈ Cerulean Tint
- C0B9CC
≈ Wild Lilac
Tétradique +90° +180° +270°
- C3BDA9
Jackson Antique
- AAC3BF
≈ Misty Dreams
- B7BCD0
≈ Violet Vision
- CEB6BB
≈ Rose Stain
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.87:1 · APCA Lc 36
Ag
AAASur noir
WCAG 11.17:1 · APCA Lc 67
Meilleure couleur de texte: #000000
WCAG 11.17:1 (AAA) · APCA Lc 67
Contrast pairs
Extraits de code
CSS
:root {
--jackson-antique: #c3bda9;
--jackson-antique-rgb: 195 189 169;
--jackson-antique-oklch: oklch(0.798 0.028 93.2);
}
.element {
color: var(--jackson-antique);
background-color: hsl(46 18% 71%);
border-color: oklch(0.798 0.028 93.2);
}Tailwind CSS v4
@theme {
--color-jackson-antique: #c3bda9;
--color-jackson-antique-50: #f7f5ec;
--color-jackson-antique-100: #ebe8de;
--color-jackson-antique-200: #d8d4c7;
--color-jackson-antique-300: #bcb8a8;
--color-jackson-antique-400: #a49e8c;
--color-jackson-antique-500: #8c8671;
--color-jackson-antique-600: #777160;
--color-jackson-antique-700: #5f5b4d;
--color-jackson-antique-800: #464237;
--color-jackson-antique-900: #302e26;
--color-jackson-antique-950: #1d1a14;
}SCSS
$jackson-antique: #c3bda9;
$jackson-antique-rgb: 195, 189, 169;
$jackson-antique-light: mix(#fff, $jackson-antique, 20%);
$jackson-antique-dark: mix(#000, $jackson-antique, 20%);
.element {
color: $jackson-antique;
box-shadow: 0 0 0 2px rgba($jackson-antique, 0.35);
}