Named color · #C4B7D8
Tinted Iris
Tinted Iris is #C4B7D8: rgb(196 183 216), hsl(264 30% 78%), oklch(0.801 0.048 303.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Tinted Iris color name →
#C4B7D8
oklch(0.801 0.048 303.2)
Color conversions
- HEX
- #c4b7d8
- RGB
- rgb(196 183 216)
- HSL
- hsl(264 30% 78%)
- HWB
- hwb(264 72% 15%)
- OKLCH
- oklch(0.801 0.048 303.2)
- OKLab
- oklab(0.801 0.026 -0.04)
- CIE Lab
- lab(76.31 9.44 -14.92)
- LCH
- lch(76.31 17.66 302.3)
- CMYK
- cmyk(9% 15% 0% 15%)
Tints · Shades · Tones
Tints
- CABEDC
- D0C5E0
- D5CCE4
- DBD3E8
- E1DBEC
- E7E2F0
- EDE9F3
- F3F0F7
- F9F8FB
Shades
- AA9FBC
- 9187A0
- 787085
- 615A6B
- 4A4553
- 35313B
- 211E25
- 0E0C11
- 020202
Tones
- BDB1CF
- B6ACC6
- AFA6BD
- A8A1B4
- A19BAB
- 9B96A2
- 94909A
- 8D8B91
- 878588
Color harmonies
Complementary +180°
- C4B7D8
Tinted Iris
- B8C4A2
≈ Chopped Dill
Analogous -30° +30°
- C4B7D8
Tinted Iris
- B3BDDE
≈ Wish
- D2B3CB
≈ Mary Poppins
Triadic +120° +240°
- C4B7D8
Tinted Iris
- D5B89F
≈ Ivory Cream
- 9CC9C1
≈ Jamaica Bay
Split-complementary +150° +210°
- C4B7D8
Tinted Iris
- C8BE9B
≈ Sandwashed
- A7C7B0
≈ Pastel Meadow
Tetradic +90° +180° +270°
- C4B7D8
Tinted Iris
- DBB3AA
≈ Evening Sand
- B8C4A2
≈ Chopped Dill
- 9BC7D1
≈ Soothing Blue
Contrast & accessibility
Ag
FailOn white
WCAG 1.88:1 · APCA Lc 36
Ag
AAAOn black
WCAG 11.11:1 · APCA Lc 67
Best text color: #000000
WCAG 11.11:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--tinted-iris: #c4b7d8;
--tinted-iris-rgb: 196 183 216;
--tinted-iris-oklch: oklch(0.801 0.048 303.2);
}
.element {
color: var(--tinted-iris);
background-color: hsl(264 30% 78%);
border-color: oklch(0.801 0.048 303.2);
}Tailwind CSS v4
@theme {
--color-tinted-iris: #c4b7d8;
--color-tinted-iris-50: #f8f2ff;
--color-tinted-iris-100: #ebe4f5;
--color-tinted-iris-200: #d9cfe5;
--color-tinted-iris-300: #bdb2cc;
--color-tinted-iris-400: #a498b6;
--color-tinted-iris-500: #8c7fa1;
--color-tinted-iris-600: #776b88;
--color-tinted-iris-700: #5f566d;
--color-tinted-iris-800: #453f51;
--color-tinted-iris-900: #302b38;
--color-tinted-iris-950: #1c1823;
}SCSS
$tinted-iris: #c4b7d8;
$tinted-iris-rgb: 196, 183, 216;
$tinted-iris-light: mix(#fff, $tinted-iris, 20%);
$tinted-iris-dark: mix(#000, $tinted-iris, 20%);
.element {
color: $tinted-iris;
box-shadow: 0 0 0 2px rgba($tinted-iris, 0.35);
}