Dichtstbijzijnde benoemde kleur · #C6A7BA
#C6A7BA
Dichtstbijzijnde benoemde kleur: Lily
#C6A7BA (rgb(198 167 186), hsl(323 21% 72%), oklch(0.761 0.044 340.9)) komt het dichtst bij de benoemde kleur Lily. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C6A7BA
oklch(0.761 0.044 340.9)
Kleurconversies
- HEX
- #c6a7ba
- RGB
- rgb(198 167 186)
- HSL
- hsl(323 21% 72%)
- HWB
- hwb(323 65% 22%)
- OKLCH
- oklch(0.761 0.044 340.9)
- OKLab
- oklab(0.761 0.042 -0.015)
- CIE Lab
- lab(71.72 14.08 -5.35)
- LCH
- lch(71.72 15.06 339.2)
- CMYK
- cmyk(0% 16% 6% 22%)
Tinten · Schaduwen · Tonen
Tinten
- CCB0C1
- D1B8C7
- D7C1CE
- DDCAD5
- E3D2DC
- E8DBE3
- EEE4EA
- F4EDF1
- F9F6F8
Schaduwen
- AC91A1
- 927B89
- 7A6672
- 62525C
- 4B3E46
- 352C32
- 211A1E
- 0E0A0D
- 020102
Tonen
- BFA3B4
- B89FAE
- B19BA8
- AA97A2
- A3939D
- 9C8F97
- 958C91
- 8E888B
- 878486
Kleurharmonieën
Complementair +180°
- C6A7BA
Lily
- 9ABBA8
≈ Spearmint Haze
Analoog -30° +30°
Triadisch +120° +240°
- C6A7BA
Lily
- B7B393
≈ Milton
- 93B9C6
≈ Mallard Lake
Gesplitst complementair +150° +210°
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.17:1 · APCA Lc 43
Ag
AAAOp zwart
WCAG 9.63:1 · APCA Lc 59
Beste tekstkleur: #000000
WCAG 9.63:1 (AAA) · APCA Lc 59
Contrast pairs
Codefragmenten
CSS
:root {
--lily: #c6a7ba;
--lily-rgb: 198 167 186;
--lily-oklch: oklch(0.761 0.044 340.9);
}
.element {
color: var(--lily);
background-color: hsl(323 21% 72%);
border-color: oklch(0.761 0.044 340.9);
}Tailwind CSS v4
@theme {
--color-lily: #c6a7ba;
--color-lily-50: #fff0f8;
--color-lily-100: #f3e2ec;
--color-lily-200: #e3cdd9;
--color-lily-300: #c8afbd;
--color-lily-400: #b195a6;
--color-lily-500: #9b7b8f;
--color-lily-600: #836879;
--color-lily-700: #695361;
--color-lily-800: #4d3d47;
--color-lily-900: #362a32;
--color-lily-950: #21171d;
}SCSS
$lily: #c6a7ba;
$lily-rgb: 198, 167, 186;
$lily-light: mix(#fff, $lily, 20%);
$lily-dark: mix(#000, $lily, 20%);
.element {
color: $lily;
box-shadow: 0 0 0 2px rgba($lily, 0.35);
}