Benannte Farbe · #5286BA
Handsome Hue
Handsome Hue ist #5286BA: rgb(82 134 186), hsl(210 43% 53%), oklch(0.606 0.097 249.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Handsome Hue color name →
#5286BA
oklch(0.606 0.097 249.7)
Farbumrechnungen
- HEX
- #5286ba
- RGB
- rgb(82 134 186)
- HSL
- hsl(210 43% 53%)
- HWB
- hwb(210 32% 27%)
- OKLCH
- oklch(0.606 0.097 249.7)
- OKLab
- oklab(0.606 -0.034 -0.091)
- CIE Lab
- lab(53.97 -6.18 -33.13)
- LCH
- lch(53.97 33.7 259.4)
- CMYK
- cmyk(56% 28% 0% 27%)
Tints · Shades · Tones
Tints
- 6392C1
- 749EC8
- 85AAD0
- 96B6D7
- A7C2DD
- B9CEE4
- CADAEB
- DCE6F2
- EDF3F8
Shades
- 4674A1
- 3B6289
- 2F5172
- 25405C
- 1A3046
- 112132
- 08131E
- 02060D
- 000102
Tones
- 5886B4
- 5D85AF
- 6285A9
- 6784A3
- 6B849E
- 708398
- 748292
- 78828C
- 7C8186
Farbharmonien
Komplementär +180°
- 5286BA
Handsome Hue
- A7773B
≈ Invitation Gold
Analog -30° +30°
- 5286BA
Handsome Hue
- 2B8FAA
≈ Carol
- 767BBB
≈ Astro Zinger
Triadisch +120° +240°
- 5286BA
Handsome Hue
- B46875
≈ Refined Rose
- 6F8E4D
≈ Forest Bound
Geteilt komplementär +150° +210°
- 5286BA
Handsome Hue
- B36D55
≈ Santa Fe
- 908337
≈ Apeland
Tetradisch +90° +180° +270°
- 5286BA
Handsome Hue
- A96A95
≈ Violetta
- A7773B
≈ Invitation Gold
- 47946D
≈ Good Luck
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.83:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.47:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--handsome-hue: #5286ba;
--handsome-hue-rgb: 82 134 186;
--handsome-hue-oklch: oklch(0.606 0.097 249.7);
}
.element {
color: var(--handsome-hue);
background-color: hsl(210 43% 53%);
border-color: oklch(0.606 0.097 249.7);
}Tailwind CSS v4
@theme {
--color-handsome-hue: #5286ba;
--color-handsome-hue-50: #e2f8ff;
--color-handsome-hue-100: #d1ebff;
--color-handsome-hue-200: #b7d8fd;
--color-handsome-hue-300: #93bbe8;
--color-handsome-hue-400: #71a3d6;
--color-handsome-hue-500: #508ac4;
--color-handsome-hue-600: #4575a5;
--color-handsome-hue-700: #375e85;
--color-handsome-hue-800: #254562;
--color-handsome-hue-900: #193045;
--color-handsome-hue-950: #091c2d;
}SCSS
$handsome-hue: #5286ba;
$handsome-hue-rgb: 82, 134, 186;
$handsome-hue-light: mix(#fff, $handsome-hue, 20%);
$handsome-hue-dark: mix(#000, $handsome-hue, 20%);
.element {
color: $handsome-hue;
box-shadow: 0 0 0 2px rgba($handsome-hue, 0.35);
}