Dichtstbijzijnde benoemde kleur · #0260F5
#0260F5
Dichtstbijzijnde benoemde kleur: Epic Blue
#0260F5 (rgb(2 96 245), hsl(217 98% 48%), oklch(0.544 0.235 261.1)) komt het dichtst bij de benoemde kleur Epic Blue. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#0260F5
oklch(0.544 0.235 261.1)
Kleurconversies
- HEX
- #0260f5
- RGB
- rgb(2 96 245)
- HSL
- hsl(217 98% 48%)
- HWB
- hwb(217 1% 4%)
- OKLCH
- oklch(0.544 0.235 261.1)
- OKLab
- oklab(0.544 -0.036 -0.233)
- CIE Lab
- lab(44.14 24.38 -82.29)
- LCH
- lch(44.14 85.82 286.5)
- CMYK
- cmyk(99% 61% 0% 4%)
Tinten · Schaduwen · Tonen
Tinten
- 2A73F8
- 4485FB
- 5C95FD
- 73A5FF
- 8AB5FF
- A1C4FF
- B8D3FF
- D0E2FF
- E7F1FF
Schaduwen
- 0152D5
- 0145B6
- 013898
- 002C7B
- 00205F
- 001544
- 000A2B
- 000315
- 000003
Tonen
- 1C66EA
- 2C6BDF
- 3970D4
- 4474C8
- 4F77BD
- 5A79B1
- 647CA6
- 6D7E99
- 777F8D
Kleurharmonieën
Complementair +180°
- 0260F5
Epic Blue
- 916700
≈ Gamboge Brown
Analoog -30° +30°
- 0260F5
Epic Blue
- 007AA4
≈ CG Blue
- 7842EA
≈ Bluish Purple
Triadisch +120° +240°
- 0260F5
Epic Blue
- D10032
≈ Cherry
- 1B8700
≈ India Green
Gesplitst complementair +150° +210°
- 0260F5
Epic Blue
- AE5200
≈ Brandy Bear
- 737500
≈ Spinach Soup
Tetradisch +90° +180° +270°
- 0260F5
Epic Blue
- C6007F
≈ Bramble Jam
- 916700
≈ Gamboge Brown
- 008367
≈ Bosphorus
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.25:1 · APCA Lc 75
Ag
FailOp zwart
WCAG 3.99:1 · APCA Lc 27
Beste tekstkleur: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 75
Contrast pairs
Codefragmenten
CSS
:root {
--epic-blue: #0260f5;
--epic-blue-rgb: 2 96 245;
--epic-blue-oklch: oklch(0.544 0.235 261.1);
}
.element {
color: var(--epic-blue);
background-color: hsl(217 98% 48%);
border-color: oklch(0.544 0.235 261.1);
}Tailwind CSS v4
@theme {
--color-epic-blue: #0260f5;
--color-epic-blue-50: #d2f6ff;
--color-epic-blue-100: #bfe8ff;
--color-epic-blue-200: #9fd2ff;
--color-epic-blue-300: #76b2ff;
--color-epic-blue-400: #4696ff;
--color-epic-blue-500: #1176ff;
--color-epic-blue-600: #1364f1;
--color-epic-blue-700: #0f50c2;
--color-epic-blue-800: #003b91;
--color-epic-blue-900: #002967;
--color-epic-blue-950: #001548;
}SCSS
$epic-blue: #0260f5;
$epic-blue-rgb: 2, 96, 245;
$epic-blue-light: mix(#fff, $epic-blue, 20%);
$epic-blue-dark: mix(#000, $epic-blue, 20%);
.element {
color: $epic-blue;
box-shadow: 0 0 0 2px rgba($epic-blue, 0.35);
}