Nearest named color · #CFB4CA
#CFB4CA
Nearest named color: Purple Poodle
#CFB4CA (rgb(207 180 202), hsl(311 22% 76%), oklch(0.8 0.043 332.2)) is closest to the named color Purple Poodle. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CFB4CA
oklch(0.8 0.043 332.2)
Color conversions
- HEX
- #cfb4ca
- RGB
- rgb(207 180 202)
- HSL
- hsl(311 22% 76%)
- HWB
- hwb(311 71% 19%)
- OKLCH
- oklch(0.8 0.043 332.2)
- OKLab
- oklab(0.8 0.038 -0.02)
- CIE Lab
- lab(76.18 12.85 -7.41)
- LCH
- lch(76.18 14.83 330)
- CMYK
- cmyk(0% 13% 2% 19%)
Tints · Shades · Tones
Tints
- D4BBCF
- D9C3D4
- DDCADA
- E2D2DF
- E7D9E4
- ECE1EA
- F1E8EF
- F5F0F4
- FAF7FA
Shades
- B49CAF
- 998595
- 7F6E7C
- 675864
- 4F444D
- 383037
- 231D22
- 100C0F
- 020202
Tones
- C7AFC2
- BFA9BB
- B7A4B3
- AF9FAC
- A79AA4
- 9F959D
- 978F96
- 8F8A8E
- 888587
Color harmonies
Complementary +180°
- CFB4CA
Purple Poodle
- AAC6B0
≈ Gum Leaf
Analogous -30° +30°
- CFB4CA
Purple Poodle
- C3B8D5
≈ Lilac Lust
- D7B3BB
≈ Floss
Triadic +120° +240°
- CFB4CA
Purple Poodle
- C7BD9F
≈ Lush
- 9FC6CE
≈ Agua Fría
Split-complementary +150° +210°
- CFB4CA
Purple Poodle
- B9C3A4
≈ Chopped Dill
- A0C7C0
≈ New-Age Green
Tetradic +90° +180° +270°
- CFB4CA
Purple Poodle
- D2B8A2
≈ Sonoran Desert
- AAC6B0
≈ Gum Leaf
- A6C2D7
≈ Blue Bows
Contrast & accessibility
Ag
FailOn white
WCAG 1.90:1 · APCA Lc 36
Ag
AAAOn black
WCAG 11.03:1 · APCA Lc 66
Best text color: #000000
WCAG 11.03:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--purple-poodle: #cfb4ca;
--purple-poodle-rgb: 207 180 202;
--purple-poodle-oklch: oklch(0.8 0.043 332.2);
}
.element {
color: var(--purple-poodle);
background-color: hsl(311 22% 76%);
border-color: oklch(0.8 0.043 332.2);
}Tailwind CSS v4
@theme {
--color-purple-poodle: #cfb4ca;
--color-purple-poodle-50: #fdf1fa;
--color-purple-poodle-100: #f1e3ee;
--color-purple-poodle-200: #e0cedc;
--color-purple-poodle-300: #c6b0c0;
--color-purple-poodle-400: #ae96aa;
--color-purple-poodle-500: #987c93;
--color-purple-poodle-600: #80697c;
--color-purple-poodle-700: #675463;
--color-purple-poodle-800: #4b3d49;
--color-purple-poodle-900: #342a33;
--color-purple-poodle-950: #20181f;
}SCSS
$purple-poodle: #cfb4ca;
$purple-poodle-rgb: 207, 180, 202;
$purple-poodle-light: mix(#fff, $purple-poodle, 20%);
$purple-poodle-dark: mix(#000, $purple-poodle, 20%);
.element {
color: $purple-poodle;
box-shadow: 0 0 0 2px rgba($purple-poodle, 0.35);
}