Nearest named color · #CCBEC6
#CCBEC6
Nearest named color: Mecha Kitty
#CCBEC6 (rgb(204 190 198), hsl(326 12% 77%), oklch(0.815 0.019 342.1)) is closest to the named color Mecha Kitty. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CCBEC6
oklch(0.815 0.019 342.1)
Color conversions
- HEX
- #ccbec6
- RGB
- rgb(204 190 198)
- HSL
- hsl(326 12% 77%)
- HWB
- hwb(326 75% 20%)
- OKLCH
- oklch(0.815 0.019 342.1)
- OKLab
- oklab(0.815 0.018 -0.006)
- CIE Lab
- lab(78.33 6.16 -2.17)
- LCH
- lch(78.33 6.53 340.6)
- CMYK
- cmyk(0% 7% 3% 20%)
Tints · Shades · Tones
Tints
- D1C4CC
- D6CBD1
- DBD1D7
- E0D8DC
- E5DEE2
- EAE5E8
- F0EBEE
- F5F2F3
- FAF8F9
Shades
- B1A5AC
- 978C92
- 7E757A
- 655E62
- 4E484B
- 373335
- 221F21
- 0F0D0E
- 020202
Tones
- C4B8BF
- BCB1B8
- B5ABB0
- ADA5A9
- A59EA2
- 9E989B
- 969294
- 8F8C8E
- 878687
Color harmonies
Complementary +180°
- CCBEC6
Mecha Kitty
- B8C7BF
≈ Surf Spray
Analogous -30° +30°
- CCBEC6
Mecha Kitty
- C7BFCC
≈ Clary Sage
- CFBEBF
≈ Dusky Violet
Triadic +120° +240°
- CCBEC6
Mecha Kitty
- C5C3B5
≈ Comforting Grey
- B6C6CC
≈ Flowing Breeze
Split-complementary +150° +210°
- CCBEC6
Mecha Kitty
- BEC5B9
≈ Riverdale
- B5C7C6
≈ Misty Surf
Tetradic +90° +180° +270°
- CCBEC6
Mecha Kitty
- CBC1B6
≈ Heritage Grey
- B8C7BF
≈ Surf Spray
- BAC4CF
≈ Blue Dolphin
Contrast & accessibility
Ag
FailOn white
WCAG 1.78:1 · APCA Lc 33
Ag
AAAOn black
WCAG 11.74:1 · APCA Lc 70
Best text color: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Code snippets
CSS
:root {
--mecha-kitty: #ccbec6;
--mecha-kitty-rgb: 204 190 198;
--mecha-kitty-oklch: oklch(0.815 0.019 342.1);
}
.element {
color: var(--mecha-kitty);
background-color: hsl(326 12% 77%);
border-color: oklch(0.815 0.019 342.1);
}Tailwind CSS v4
@theme {
--color-mecha-kitty: #ccbec6;
--color-mecha-kitty-50: #f9f3f6;
--color-mecha-kitty-100: #ede5e9;
--color-mecha-kitty-200: #dbd1d6;
--color-mecha-kitty-300: #bfb4ba;
--color-mecha-kitty-400: #a79aa1;
--color-mecha-kitty-500: #90818a;
--color-mecha-kitty-600: #7a6e74;
--color-mecha-kitty-700: #61585d;
--color-mecha-kitty-800: #474044;
--color-mecha-kitty-900: #312c2f;
--color-mecha-kitty-950: #1d191c;
}SCSS
$mecha-kitty: #ccbec6;
$mecha-kitty-rgb: 204, 190, 198;
$mecha-kitty-light: mix(#fff, $mecha-kitty, 20%);
$mecha-kitty-dark: mix(#000, $mecha-kitty, 20%);
.element {
color: $mecha-kitty;
box-shadow: 0 0 0 2px rgba($mecha-kitty, 0.35);
}