Named color · #C5BBA8
Antique Kilim
Antique Kilim is #C5BBA8: rgb(197 187 168), hsl(39 20% 72%), oklch(0.795 0.028 83.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Antique Kilim color name →
#C5BBA8
oklch(0.795 0.028 83.5)
Color conversions
- HEX
- #c5bba8
- RGB
- rgb(197 187 168)
- HSL
- hsl(39 20% 72%)
- HWB
- hwb(39 66% 23%)
- OKLCH
- oklch(0.795 0.028 83.5)
- OKLab
- oklab(0.795 0.003 0.028)
- CIE Lab
- lab(76.33 1.27 10.99)
- LCH
- lch(76.33 11.07 83.4)
- CMYK
- cmyk(0% 5% 15% 23%)
Tints · Shades · Tones
Tints
- CBC2B0
- D0C8B9
- D6CFC2
- DCD6CA
- E2DDD3
- E7E3DC
- EDEAE4
- F3F1ED
- F9F8F6
Shades
- ABA292
- 928A7C
- 797367
- 615C52
- 4B463F
- 35322C
- 211F1A
- 0E0D0A
- 020201
Tones
- BEB5A4
- B7AFA0
- B0A99C
- A9A398
- A29D94
- 9B9790
- 94918C
- 8D8B88
- 878684
Color harmonies
Complementary +180°
- C5BBA8
Antique Kilim
- B3BDCF
≈ Arctic Ice
Analogous -30° +30°
- C5BBA8
Antique Kilim
- CCB8AC
≈ Grey Mauve
- BCBFAA
≈ Beryl Green
Triadic +120° +240°
- C5BBA8
Antique Kilim
- A8C2C4
≈ Ocean Kiss
- C6B6C7
≈ Ballad
Split-complementary +150° +210°
- C5BBA8
Antique Kilim
- ABC0CC
≈ Winter Sky
- BDB9CD
≈ Blue Haze
Tetradic +90° +180° +270°
- C5BBA8
Antique Kilim
- AAC2BA
≈ Dreaming of the Day
- B3BDCF
≈ Arctic Ice
- CCB5BD
≈ High Society
Contrast & accessibility
Ag
FailOn white
WCAG 1.90:1 · APCA Lc 36
Ag
AAAOn black
WCAG 11.04:1 · APCA Lc 66
Best text color: #000000
WCAG 11.04:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--antique-kilim: #c5bba8;
--antique-kilim-rgb: 197 187 168;
--antique-kilim-oklch: oklch(0.795 0.028 83.5);
}
.element {
color: var(--antique-kilim);
background-color: hsl(39 20% 72%);
border-color: oklch(0.795 0.028 83.5);
}Tailwind CSS v4
@theme {
--color-antique-kilim: #c5bba8;
--color-antique-kilim-50: #f9f5ec;
--color-antique-kilim-100: #ece7dd;
--color-antique-kilim-200: #dad4c7;
--color-antique-kilim-300: #beb7a7;
--color-antique-kilim-400: #a79d8c;
--color-antique-kilim-500: #8f8571;
--color-antique-kilim-600: #797060;
--color-antique-kilim-700: #615a4d;
--color-antique-kilim-800: #474237;
--color-antique-kilim-900: #312d26;
--color-antique-kilim-950: #1d1a14;
}SCSS
$antique-kilim: #c5bba8;
$antique-kilim-rgb: 197, 187, 168;
$antique-kilim-light: mix(#fff, $antique-kilim, 20%);
$antique-kilim-dark: mix(#000, $antique-kilim, 20%);
.element {
color: $antique-kilim;
box-shadow: 0 0 0 2px rgba($antique-kilim, 0.35);
}