Nächste benannte Farbe · #006BE4
#006BE4
Nächste benannte Farbe: Epic Blue
#006BE4 (rgb(0 107 228), hsl(212 100% 45%), oklch(0.551 0.202 257.7)) liegt am nächsten an der benannten Farbe Epic Blue. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#006BE4
oklch(0.551 0.202 257.7)
Farbumrechnungen
- HEX
- #006be4
- RGB
- rgb(0 107 228)
- HSL
- hsl(212 100% 45%)
- HWB
- hwb(212 0% 11%)
- OKLCH
- oklch(0.551 0.202 257.7)
- OKLab
- oklab(0.551 -0.043 -0.197)
- CIE Lab
- lab(45.97 11.96 -69.79)
- LCH
- lch(45.97 70.8 279.7)
- CMYK
- cmyk(100% 53% 0% 11%)
Tints · Shades · Tones
Tints
- 2D7CE8
- 488BEC
- 609AF0
- 77A9F3
- 8DB8F6
- A4C6F9
- BAD5FB
- D1E3FD
- E8F1FE
Shades
- 005CC6
- 004EA9
- 003F8D
- 003272
- 002558
- 00183F
- 000D28
- 000412
- 000003
Tones
- 1E6FDB
- 2F72D1
- 3C75C7
- 4778BE
- 527AB4
- 5C7CAA
- 657DA0
- 6F7E96
- 777F8B
Farbharmonien
Komplementär +180°
- 006BE4
Epic Blue
- 966800
≈ Gamboge Brown
Analog -30° +30°
- 006BE4
Epic Blue
- 007DA3
≈ Bleu Ciel
- 7153DE
≈ Aconite Purple
Triadisch +120° +240°
- 006BE4
Epic Blue
- CD2343
≈ Pepper Jelly
- 378700
≈ Mughal Green
Geteilt komplementär +150° +210°
- 006BE4
Epic Blue
- B54F00
≈ Skrag Brown
- 797600
≈ Mongolian Plateau
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.97:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.22:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--epic-blue: #006be4;
--epic-blue-rgb: 0 107 228;
--epic-blue-oklch: oklch(0.551 0.202 257.7);
}
.element {
color: var(--epic-blue);
background-color: hsl(212 100% 45%);
border-color: oklch(0.551 0.202 257.7);
}Tailwind CSS v4
@theme {
--color-epic-blue: #006be4;
--color-epic-blue-50: #d4f7ff;
--color-epic-blue-100: #c0eaff;
--color-epic-blue-200: #a1d5ff;
--color-epic-blue-300: #78b7ff;
--color-epic-blue-400: #499cff;
--color-epic-blue-500: #0c7fff;
--color-epic-blue-600: #116cde;
--color-epic-blue-700: #0e56b3;
--color-epic-blue-800: #004086;
--color-epic-blue-900: #002c5f;
--color-epic-blue-950: #001841;
}SCSS
$epic-blue: #006be4;
$epic-blue-rgb: 0, 107, 228;
$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);
}