Nächste benannte Farbe · #005A9A
#005A9A
Nächste benannte Farbe: Hyper Blue
#005A9A (rgb(0 90 154), hsl(205 100% 30%), oklch(0.458 0.126 249)) liegt am nächsten an der benannten Farbe Hyper Blue. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#005A9A
oklch(0.458 0.126 249)
Farbumrechnungen
- HEX
- #005a9a
- RGB
- rgb(0 90 154)
- HSL
- hsl(205 100% 30%)
- HWB
- hwb(205 0% 40%)
- OKLCH
- oklch(0.458 0.126 249)
- OKLab
- oklab(0.458 -0.045 -0.118)
- CIE Lab
- lab(36.53 -3.38 -42.06)
- LCH
- lch(36.53 42.2 265.4)
- CMYK
- cmyk(100% 42% 0% 40%)
Tints · Shades · Tones
Tints
- 296AA5
- 437AAF
- 5B8BBA
- 729BC4
- 89ABCE
- A0BCD8
- B7CCE2
- CFDDEC
- E7EEF5
Shades
- 004D85
- 004171
- 00355E
- 00294B
- 001E39
- 001327
- 000917
- 000309
- 000001
Tones
- 1B5E98
- 2B6396
- 386794
- 446B91
- 4E6F8F
- 59728C
- 637689
- 6D7986
- 767D83
Farbharmonien
Komplementär +180°
- 005A9A
Hyper Blue
- 7B4B00
≈ Lucky Brown
Analog -30° +30°
- 005A9A
Hyper Blue
- 006277
≈ Jamaican Dream
- 4A4C9C
≈ Liberty
Triadisch +120° +240°
- 005A9A
Hyper Blue
- 8F3249
≈ Scarlet Apple
- 426400
≈ Camouflage Green
Geteilt komplementär +150° +210°
- 005A9A
Hyper Blue
- 903819
≈ Citrine Brown
- 655800
≈ Ayahuasca Vine
Tetradisch +90° +180° +270°
- 005A9A
Hyper Blue
- 83366F
≈ Violet Vixen
- 7B4B00
≈ Lucky Brown
- 006941
≈ Celtic Clover
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.16:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.92:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.16:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--hyper-blue: #005a9a;
--hyper-blue-rgb: 0 90 154;
--hyper-blue-oklch: oklch(0.458 0.126 249);
}
.element {
color: var(--hyper-blue);
background-color: hsl(205 100% 30%);
border-color: oklch(0.458 0.126 249);
}Tailwind CSS v4
@theme {
--color-hyper-blue: #005a9a;
--color-hyper-blue-50: #dbf9ff;
--color-hyper-blue-100: #c9ecff;
--color-hyper-blue-200: #acd9ff;
--color-hyper-blue-300: #86bcf6;
--color-hyper-blue-400: #5fa4e6;
--color-hyper-blue-500: #368bd5;
--color-hyper-blue-600: #3075b4;
--color-hyper-blue-700: #265e91;
--color-hyper-blue-800: #17456b;
--color-hyper-blue-900: #0f304c;
--color-hyper-blue-950: #021c32;
}SCSS
$hyper-blue: #005a9a;
$hyper-blue-rgb: 0, 90, 154;
$hyper-blue-light: mix(#fff, $hyper-blue, 20%);
$hyper-blue-dark: mix(#000, $hyper-blue, 20%);
.element {
color: $hyper-blue;
box-shadow: 0 0 0 2px rgba($hyper-blue, 0.35);
}