Dichtstbijzijnde benoemde kleur · #65338C
#65338C
Dichtstbijzijnde benoemde kleur: Lucid Dreams
#65338C (rgb(101 51 140), hsl(274 47% 37%), oklch(0.43 0.145 307.2)) komt het dichtst bij de benoemde kleur Lucid Dreams. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#65338C
oklch(0.43 0.145 307.2)
Kleurconversies
- HEX
- #65338c
- RGB
- rgb(101 51 140)
- HSL
- hsl(274 47% 37%)
- HWB
- hwb(274 20% 45%)
- OKLCH
- oklch(0.43 0.145 307.2)
- OKLab
- oklab(0.43 0.088 -0.115)
- CIE Lab
- lab(31.48 35.62 -41.21)
- LCH
- lch(31.48 54.47 310.8)
- CMYK
- cmyk(28% 64% 0% 45%)
Tinten · Schaduwen · Tonen
Tinten
- 734898
- 825CA4
- 9170B0
- A083BB
- AF97C7
- BFACD2
- CEC0DE
- DED5E9
- EFEAF4
Schaduwen
- 572B79
- 492367
- 3C1C55
- 2F1443
- 220D33
- 170723
- 0C0314
- 030107
- 000001
Tonen
- 683C8B
- 6A458B
- 6D4D8A
- 705589
- 725C88
- 756487
- 786B85
- 7B7284
- 7D7982
Kleurharmonieën
Complementair +180°
- 65338C
Lucid Dreams
- 3F5A00
≈ Lustrian Undergrowth
Analoog -30° +30°
- 65338C
Lucid Dreams
- 3F429D
≈ Galaxy Express
- 7E276C
≈ Grape Juice
Triadisch +120° +240°
- 65338C
Lucid Dreams
- 714400
≈ Flat Brown
- 005D57
≈ Tidal Pool
Gesplitst complementair +150° +210°
- 65338C
Lucid Dreams
- 5D4F00
≈ Scorzonera Brown
- 006038
≈ Spruce
Tetradisch +90° +180° +270°
- 65338C
Lucid Dreams
- 8D2700
≈ Red Tone Ink
- 3F5A00
≈ Lustrian Undergrowth
- 005A6B
≈ Oceanside
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 8.72:1 · APCA Lc 89
Ag
FailOp zwart
WCAG 2.40:1 · APCA Lc 13
Beste tekstkleur: #FFFFFF
WCAG 8.72:1 (AAA) · APCA Lc 89
Contrast pairs
Codefragmenten
CSS
:root {
--lucid-dreams: #65338c;
--lucid-dreams-rgb: 101 51 140;
--lucid-dreams-oklch: oklch(0.43 0.145 307.2);
}
.element {
color: var(--lucid-dreams);
background-color: hsl(274 47% 37%);
border-color: oklch(0.43 0.145 307.2);
}Tailwind CSS v4
@theme {
--color-lucid-dreams: #65338c;
--color-lucid-dreams-50: #ffebff;
--color-lucid-dreams-100: #f6dbff;
--color-lucid-dreams-200: #e7c4ff;
--color-lucid-dreams-300: #cda3f0;
--color-lucid-dreams-400: #b586e1;
--color-lucid-dreams-500: #a068d0;
--color-lucid-dreams-600: #8758af;
--color-lucid-dreams-700: #6c478d;
--color-lucid-dreams-800: #4e336a;
--color-lucid-dreams-900: #36234b;
--color-lucid-dreams-950: #211231;
}SCSS
$lucid-dreams: #65338c;
$lucid-dreams-rgb: 101, 51, 140;
$lucid-dreams-light: mix(#fff, $lucid-dreams, 20%);
$lucid-dreams-dark: mix(#000, $lucid-dreams, 20%);
.element {
color: $lucid-dreams;
box-shadow: 0 0 0 2px rgba($lucid-dreams, 0.35);
}