Benoemde kleur · #0020EF
Blue Overdose
Blue Overdose is #0020EF: rgb(0 32 239), hsl(232 100% 47%), oklch(0.447 0.287 264.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Blue Overdose color name →
#0020EF
oklch(0.447 0.287 264.2)
Kleurconversies
- HEX
- #0020ef
- RGB
- rgb(0 32 239)
- HSL
- hsl(232 100% 47%)
- HWB
- hwb(232 0% 6%)
- OKLCH
- oklch(0.447 0.287 264.2)
- OKLab
- oklab(0.447 -0.029 -0.286)
- CIE Lab
- lab(30.08 57.15 -102.16)
- LCH
- lch(30.08 117.06 299.2)
- CMYK
- cmyk(100% 87% 0% 6%)
Tinten · Schaduwen · Tonen
Tinten
- 1048F3
- 2A63F7
- 447AFB
- 5E8FFD
- 78A3FF
- 92B6FF
- ACC9FF
- C8DBFF
- E3EDFF
Schaduwen
- 001AD0
- 0015B1
- 000F94
- 000A78
- 00065C
- 000342
- 00012A
- 000014
- 000003
Tonen
- 0638E5
- 1447DB
- 2353D1
- 315DC6
- 3E65BC
- 4C6CB1
- 5972A5
- 66779A
- 737C8D
Kleurharmonieën
Complementair +180°
- 0020EF
Blue Overdose
- 6C4F00
≈ Antique Bronze
Analoog -30° +30°
- 0020EF
Blue Overdose
- 005C80
≈ Royal Blood
- 6500CB
≈ Trusted Purple
Triadisch +120° +240°
- 0020EF
Blue Overdose
- A1001A
≈ Dear Darling
- 006712
≈ Nature’s Masterpiece
Gesplitst complementair +150° +210°
- 0020EF
Blue Overdose
- 824000
≈ Hazelnut Chocolate
- 545A00
≈ Greensboro
Tetradisch +90° +180° +270°
- 0020EF
Blue Overdose
- 99005B
≈ Strong Cerise
- 6C4F00
≈ Antique Bronze
- 006351
≈ Piney Lake
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 8.56:1 · APCA Lc 87
Ag
FailOp zwart
WCAG 2.45:1 · APCA Lc 15
Beste tekstkleur: #FFFFFF
WCAG 8.56:1 (AAA) · APCA Lc 87
Contrast pairs
Codefragmenten
CSS
:root {
--blue-overdose: #0020ef;
--blue-overdose-rgb: 0 32 239;
--blue-overdose-oklch: oklch(0.447 0.287 264.2);
}
.element {
color: var(--blue-overdose);
background-color: hsl(232 100% 47%);
border-color: oklch(0.447 0.287 264.2);
}Tailwind CSS v4
@theme {
--color-blue-overdose: #0020ef;
--color-blue-overdose-50: #cff4ff;
--color-blue-overdose-100: #bbe5ff;
--color-blue-overdose-200: #9bceff;
--color-blue-overdose-300: #72abff;
--color-blue-overdose-400: #438bff;
--color-blue-overdose-500: #1b63ff;
--color-blue-overdose-600: #1855ff;
--color-blue-overdose-700: #1245d8;
--color-blue-overdose-800: #0033a3;
--color-blue-overdose-900: #002374;
--color-blue-overdose-950: #000f52;
}SCSS
$blue-overdose: #0020ef;
$blue-overdose-rgb: 0, 32, 239;
$blue-overdose-light: mix(#fff, $blue-overdose, 20%);
$blue-overdose-dark: mix(#000, $blue-overdose, 20%);
.element {
color: $blue-overdose;
box-shadow: 0 0 0 2px rgba($blue-overdose, 0.35);
}