Dichtstbijzijnde benoemde kleur · #69009B
#69009B
Dichtstbijzijnde benoemde kleur: Wild Violet
#69009B (rgb(105 0 155), hsl(281 100% 30%), oklch(0.406 0.207 308.6)) komt het dichtst bij de benoemde kleur Wild Violet. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#69009B
oklch(0.406 0.207 308.6)
Kleurconversies
- HEX
- #69009b
- RGB
- rgb(105 0 155)
- HSL
- hsl(281 100% 30%)
- HWB
- hwb(281 0% 39%)
- OKLCH
- oklch(0.406 0.207 308.6)
- OKLab
- oklab(0.406 0.129 -0.162)
- CIE Lab
- lab(27.1 55.6 -57.47)
- LCH
- lch(27.1 79.96 314.1)
- CMYK
- cmyk(32% 100% 0% 39%)
Tinten · Schaduwen · Tonen
Tinten
- 772EA6
- 8548B1
- 9460BC
- A377C6
- B28DD1
- C1A4DA
- D0BAE4
- E0D1ED
- EFE8F6
Schaduwen
- 5A0086
- 4C0072
- 3E005E
- 31004B
- 240039
- 180028
- 0C0018
- 040009
- 000001
Tonen
- 6B1F99
- 6E3098
- 703D95
- 734893
- 755291
- 775C8E
- 79658B
- 7C6E88
- 7E7784
Kleurharmonieën
Complementair +180°
- 69009B
Wild Violet
- 375300
≈ Navy Green
Analoog -30° +30°
- 69009B
Wild Violet
- 3B26B4
≈ Indigo Blue
- 800068
≈ Xereus Purple
Triadisch +120° +240°
- 69009B
Wild Violet
- 683F00
≈ Violin Brown
- 005551
≈ Cape Verde
Gesplitst complementair +150° +210°
- 69009B
Wild Violet
- 554900
≈ Scorzonera Brown
- 005836
≈ Permanent Green
Tetradisch +90° +180° +270°
- 69009B
Wild Violet
- 802600
≈ Mahogany Brown
- 375300
≈ Navy Green
- 005264
≈ Sandalwood Grey Blue
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 10.12:1 · APCA Lc 91
Ag
FailOp zwart
WCAG 2.07:1 · APCA Lc 11
Beste tekstkleur: #FFFFFF
WCAG 10.12:1 (AAA) · APCA Lc 91
Contrast pairs
Codefragmenten
CSS
:root {
--wild-violet: #69009b;
--wild-violet-rgb: 105 0 155;
--wild-violet-oklch: oklch(0.406 0.207 308.6);
}
.element {
color: var(--wild-violet);
background-color: hsl(281 100% 30%);
border-color: oklch(0.406 0.207 308.6);
}Tailwind CSS v4
@theme {
--color-wild-violet: #69009b;
--color-wild-violet-50: #ffe5ff;
--color-wild-violet-100: #fed5ff;
--color-wild-violet-200: #f0bbff;
--color-wild-violet-300: #d996ff;
--color-wild-violet-400: #c176fa;
--color-wild-violet-500: #ad51eb;
--color-wild-violet-600: #9246c7;
--color-wild-violet-700: #7538a0;
--color-wild-violet-800: #552879;
--color-wild-violet-900: #3b1b55;
--color-wild-violet-950: #250a3a;
}SCSS
$wild-violet: #69009b;
$wild-violet-rgb: 105, 0, 155;
$wild-violet-light: mix(#fff, $wild-violet, 20%);
$wild-violet-dark: mix(#000, $wild-violet, 20%);
.element {
color: $wild-violet;
box-shadow: 0 0 0 2px rgba($wild-violet, 0.35);
}