Dichtstbijzijnde benoemde kleur · #C963CD
#C963CD
Dichtstbijzijnde benoemde kleur: Lavendless
#C963CD (rgb(201 99 205), hsl(298 51% 60%), oklch(0.659 0.184 326)) komt het dichtst bij de benoemde kleur Lavendless. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C963CD
oklch(0.659 0.184 326)
Kleurconversies
- HEX
- #c963cd
- RGB
- rgb(201 99 205)
- HSL
- hsl(298 51% 60%)
- HWB
- hwb(298 39% 20%)
- OKLCH
- oklch(0.659 0.184 326)
- OKLab
- oklab(0.659 0.152 -0.103)
- CIE Lab
- lab(57.69 52.14 -37.09)
- LCH
- lch(57.69 63.99 324.6)
- CMYK
- cmyk(2% 52% 0% 20%)
Tinten · Schaduwen · Tonen
Tinten
- CF74D3
- D684D8
- DC94DD
- E1A3E2
- E7B3E7
- ECC2EC
- F1D1F1
- F6E0F6
- FBF0FB
Schaduwen
- AE55B2
- 954798
- 7C3A7E
- 642E66
- 4C214E
- 361638
- 220B23
- 0F030F
- 020002
Tonen
- C267C5
- BB6CBE
- B46FB6
- AD72AF
- A675A7
- 9F789F
- 977A98
- 907C90
- 887E88
Kleurharmonieën
Complementair +180°
- C963CD
Lavendless
- 2BAE44
≈ Matt Green
Analoog -30° +30°
- C963CD
Lavendless
- 9E75F4
≈ Forgotten Purple
- E45896
≈ Tutuji Pink
Triadisch +120° +240°
- C963CD
Lavendless
- B68B00
≈ Loden Yellow
- 00A5B4
≈ Garish Blue
Gesplitst complementair +150° +210°
- C963CD
Lavendless
- 8E9C00
≈ Traffic Light Green
- 00AA8F
≈ Shindig
Tetradisch +90° +180° +270°
- C963CD
Lavendless
- DA7200
≈ Gold Orange
- 2BAE44
≈ Matt Green
- 009DDC
≈ Atmosphere
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.41:1 · APCA Lc 61
Ag
AAOp zwart
WCAG 6.14:1 · APCA Lc 41
Beste tekstkleur: #000000
WCAG 6.14:1 (AA) · APCA Lc 41
Contrast pairs
Codefragmenten
CSS
:root {
--lavendless: #c963cd;
--lavendless-rgb: 201 99 205;
--lavendless-oklch: oklch(0.659 0.184 326);
}
.element {
color: var(--lavendless);
background-color: hsl(298 51% 60%);
border-color: oklch(0.659 0.184 326);
}Tailwind CSS v4
@theme {
--color-lavendless: #c963cd;
--color-lavendless-50: #ffe3ff;
--color-lavendless-100: #ffd3ff;
--color-lavendless-200: #ffb8fc;
--color-lavendless-300: #e994e7;
--color-lavendless-400: #d473d8;
--color-lavendless-500: #c14fc6;
--color-lavendless-600: #a344a7;
--color-lavendless-700: #833686;
--color-lavendless-800: #602765;
--color-lavendless-900: #431a47;
--color-lavendless-950: #2b0a2e;
}SCSS
$lavendless: #c963cd;
$lavendless-rgb: 201, 99, 205;
$lavendless-light: mix(#fff, $lavendless, 20%);
$lavendless-dark: mix(#000, $lavendless, 20%);
.element {
color: $lavendless;
box-shadow: 0 0 0 2px rgba($lavendless, 0.35);
}