Benannte Farbe · #2C75FF
Hailey Blue
Hailey Blue ist #2C75FF: rgb(44 117 255), hsl(219 100% 59%), oklch(0.599 0.218 261.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Hailey Blue color name →
#2C75FF
oklch(0.599 0.218 261.6)
Farbumrechnungen
- HEX
- #2c75ff
- RGB
- rgb(44 117 255)
- HSL
- hsl(219 100% 59%)
- HWB
- hwb(219 17% 0%)
- OKLCH
- oklch(0.599 0.218 261.6)
- OKLab
- oklab(0.599 -0.032 -0.216)
- CIE Lab
- lab(51.12 17.39 -76.42)
- LCH
- lch(51.12 78.37 282.8)
- CMYK
- cmyk(83% 54% 0% 0%)
Tints · Shades · Tones
Tints
- 4385FF
- 5894FF
- 6DA2FF
- 82B0FF
- 96BEFF
- ABCBFF
- C0D8FF
- D5E5FF
- EAF2FF
Shades
- 2565DE
- 1E55BE
- 17469E
- 113780
- 0A2963
- 051C48
- 020F2E
- 010516
- 000103
Tones
- 3778F3
- 417BE6
- 4A7DDA
- 537ECE
- 5B7FC1
- 6380B4
- 6A81A8
- 72819B
- 79818E
Farbharmonien
Komplementär +180°
- 2C75FF
Hailey Blue
- A57700
≈ Bronze
Analog -30° +30°
- 2C75FF
Hailey Blue
- 008BBB
≈ Hawaiian Surf
- 875BF4
≈ Purple Honeycreeper
Triadisch +120° +240°
- 2C75FF
Hailey Blue
- E52A41
≈ Alizarin
- 199B00
≈ Space Invader
Geteilt komplementär +150° +210°
- 2C75FF
Hailey Blue
- C55F00
≈ Alloy Orange
- 838700
≈ Krypton Green
Tetradisch +90° +180° +270°
- 2C75FF
Hailey Blue
- D82F8E
≈ Dark Princess Pink
- A57700
≈ Bronze
- 009677
≈ Pool Table
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.12:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.09:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.09:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--hailey-blue: #2c75ff;
--hailey-blue-rgb: 44 117 255;
--hailey-blue-oklch: oklch(0.599 0.218 261.6);
}
.element {
color: var(--hailey-blue);
background-color: hsl(219 100% 59%);
border-color: oklch(0.599 0.218 261.6);
}Tailwind CSS v4
@theme {
--color-hailey-blue: #2c75ff;
--color-hailey-blue-50: #d5f6ff;
--color-hailey-blue-100: #c2e8ff;
--color-hailey-blue-200: #a4d3ff;
--color-hailey-blue-300: #7cb3ff;
--color-hailey-blue-400: #5097ff;
--color-hailey-blue-500: #2679ff;
--color-hailey-blue-600: #2267e8;
--color-hailey-blue-700: #1b52ba;
--color-hailey-blue-800: #083d8c;
--color-hailey-blue-900: #052a63;
--color-hailey-blue-950: #001644;
}SCSS
$hailey-blue: #2c75ff;
$hailey-blue-rgb: 44, 117, 255;
$hailey-blue-light: mix(#fff, $hailey-blue, 20%);
$hailey-blue-dark: mix(#000, $hailey-blue, 20%);
.element {
color: $hailey-blue;
box-shadow: 0 0 0 2px rgba($hailey-blue, 0.35);
}