Named color · #C5B5C3
Pink Bravado
Pink Bravado is #C5B5C3: rgb(197 181 195), hsl(308 12% 74%), oklch(0.791 0.026 329.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Pink Bravado color name →
#C5B5C3
oklch(0.791 0.026 329.8)
Color conversions
- HEX
- #c5b5c3
- RGB
- rgb(197 181 195)
- HSL
- hsl(308 12% 74%)
- HWB
- hwb(308 71% 23%)
- OKLCH
- oklch(0.791 0.026 329.8)
- OKLab
- oklab(0.791 0.023 -0.013)
- CIE Lab
- lab(75.36 7.76 -4.95)
- LCH
- lch(75.36 9.2 327.5)
- CMYK
- cmyk(0% 8% 1% 23%)
Tints · Shades · Tones
Tints
- CBBCC9
- D0C3CF
- D6CBD5
- DCD2DB
- E2D9E1
- E8E1E7
- EDE8ED
- F3F0F3
- F9F7F9
Shades
- AB9DA9
- 928690
- 796F78
- 615960
- 4B444A
- 353034
- 211D20
- 0E0C0E
- 020202
Tones
- BEB0BC
- B7AAB5
- B0A5AE
- A99FA8
- A29AA1
- 9B959A
- 949094
- 8D8A8D
- 878586
Color harmonies
Complementary +180°
- C5B5C3
Pink Bravado
- AFC0B2
≈ Cottage Charm
Analogous -30° +30°
- C5B5C3
Pink Bravado
- BDB7CA
≈ Wedding Flowers
- CAB4BA
≈ Candlelight Dinner
Triadic +120° +240°
- C5B5C3
Pink Bravado
- C1BAA8
≈ Wilderness Grey
- A8C0C4
≈ Bleu Clair
Split-complementary +150° +210°
- C5B5C3
Pink Bravado
- B8BEAB
≈ Celandine Green
- A9C1BB
≈ Harbour Grey
Tetradic +90° +180° +270°
- C5B5C3
Pink Bravado
- C8B7AA
≈ Boardwalk Sashay
- AFC0B2
≈ Cottage Charm
- ACBECA
≈ Cerulean Tint
Contrast & accessibility
Ag
FailOn white
WCAG 1.94:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.77:1 · APCA Lc 65
Best text color: #000000
WCAG 10.77:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--pink-bravado: #c5b5c3;
--pink-bravado-rgb: 197 181 195;
--pink-bravado-oklch: oklch(0.791 0.026 329.8);
}
.element {
color: var(--pink-bravado);
background-color: hsl(308 12% 74%);
border-color: oklch(0.791 0.026 329.8);
}Tailwind CSS v4
@theme {
--color-pink-bravado: #c5b5c3;
--color-pink-bravado-50: #faf2f8;
--color-pink-bravado-100: #ede5ec;
--color-pink-bravado-200: #dbd0d9;
--color-pink-bravado-300: #c0b3bd;
--color-pink-bravado-400: #a899a6;
--color-pink-bravado-500: #91808f;
--color-pink-bravado-600: #7a6d79;
--color-pink-bravado-700: #625761;
--color-pink-bravado-800: #483f47;
--color-pink-bravado-900: #322c31;
--color-pink-bravado-950: #1e191d;
}SCSS
$pink-bravado: #c5b5c3;
$pink-bravado-rgb: 197, 181, 195;
$pink-bravado-light: mix(#fff, $pink-bravado, 20%);
$pink-bravado-dark: mix(#000, $pink-bravado, 20%);
.element {
color: $pink-bravado;
box-shadow: 0 0 0 2px rgba($pink-bravado, 0.35);
}