Dichtstbijzijnde benoemde kleur · #C07BFF
#C07BFF
Dichtstbijzijnde benoemde kleur: Illicit Purple
#C07BFF (rgb(192 123 255), hsl(271 100% 74%), oklch(0.709 0.194 306.2)) komt het dichtst bij de benoemde kleur Illicit Purple. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C07BFF
oklch(0.709 0.194 306.2)
Kleurconversies
- HEX
- #c07bff
- RGB
- rgb(192 123 255)
- HSL
- hsl(271 100% 74%)
- HWB
- hwb(271 48% 0%)
- OKLCH
- oklch(0.709 0.194 306.2)
- OKLab
- oklab(0.709 0.115 -0.157)
- CIE Lab
- lab(63.33 45.65 -56.15)
- LCH
- lch(63.33 72.36 309.1)
- CMYK
- cmyk(25% 52% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- C689FF
- CC97FF
- D3A5FF
- D9B2FF
- DFBFFF
- E5CCFF
- ECD9FF
- F2E6FF
- F9F2FF
Schaduwen
- A76ADE
- 8E5ABE
- 764A9E
- 5F3A80
- 492C63
- 341E48
- 20102E
- 0E0516
- 020103
Tonen
- B97DF2
- B37EE6
- AC7FD9
- A680CC
- 9F81C0
- 9981B3
- 9381A6
- 8C819A
- 86818D
Kleurharmonieën
Complementair +180°
- C07BFF
Illicit Purple
- 85B400
≈ Brilliant Green
Analoog -30° +30°
- C07BFF
Illicit Purple
- 8996FF
≈ Periwinkle Blue
- E96ACE
≈ Death of a Star
Triadisch +120° +240°
- C07BFF
Illicit Purple
- E28A00
≈ Hotter Butter
- 00BAAD
≈ Turquoise Topaz
Gesplitst complementair +150° +210°
- C07BFF
Illicit Purple
- BCA000
≈ Snakebite Leather
- 00C073
≈ Times Square Screens
Tetradisch +90° +180° +270°
- C07BFF
Illicit Purple
- FF6E46
≈ Outrageous Orange
- 85B400
≈ Brilliant Green
- 00B4D3
≈ Aquarius
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.79:1 · APCA Lc 53
Ag
AAAOp zwart
WCAG 7.51:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--illicit-purple: #c07bff;
--illicit-purple-rgb: 192 123 255;
--illicit-purple-oklch: oklch(0.709 0.194 306.2);
}
.element {
color: var(--illicit-purple);
background-color: hsl(271 100% 74%);
border-color: oklch(0.709 0.194 306.2);
}Tailwind CSS v4
@theme {
--color-illicit-purple: #c07bff;
--color-illicit-purple-50: #ffe7ff;
--color-illicit-purple-100: #fad7ff;
--color-illicit-purple-200: #ebbeff;
--color-illicit-purple-300: #d39aff;
--color-illicit-purple-400: #bb7bf7;
--color-illicit-purple-500: #a758e9;
--color-illicit-purple-600: #8d4cc4;
--color-illicit-purple-700: #713c9e;
--color-illicit-purple-800: #522c77;
--color-illicit-purple-900: #391e54;
--color-illicit-purple-950: #230c39;
}SCSS
$illicit-purple: #c07bff;
$illicit-purple-rgb: 192, 123, 255;
$illicit-purple-light: mix(#fff, $illicit-purple, 20%);
$illicit-purple-dark: mix(#000, $illicit-purple, 20%);
.element {
color: $illicit-purple;
box-shadow: 0 0 0 2px rgba($illicit-purple, 0.35);
}