Benannte Farbe · #28589C
Cyan Cobalt Blue
Cyan Cobalt Blue ist #28589C: rgb(40 88 156), hsl(215 59% 38%), oklch(0.464 0.122 257.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Cyan Cobalt Blue color name →
#28589C
oklch(0.464 0.122 257.6)
Farbumrechnungen
- HEX
- #28589c
- RGB
- rgb(40 88 156)
- HSL
- hsl(215 59% 38%)
- HWB
- hwb(215 16% 39%)
- OKLCH
- oklch(0.464 0.122 257.6)
- OKLab
- oklab(0.464 -0.026 -0.119)
- CIE Lab
- lab(36.9 2.43 -42.62)
- LCH
- lch(36.9 42.69 273.3)
- CMYK
- cmyk(74% 44% 0% 39%)
Tints · Shades · Tones
Tints
- 3D68A7
- 5279B1
- 6789BB
- 7B9AC5
- 90AACF
- A6BBD9
- BCCCE3
- D2DDEC
- E8EEF6
Shades
- 214B87
- 1B3F73
- 15335F
- 0F284C
- 091D39
- 041228
- 020918
- 010309
- 000001
Tones
- 325D9A
- 3B6198
- 456595
- 4D6A93
- 566E90
- 5E718D
- 67758A
- 6F7987
- 787D84
Farbharmonien
Komplementär +180°
- 28589C
Cyan Cobalt Blue
- 775100
≈ Pickled Grape Leaves
Analog -30° +30°
- 28589C
Cyan Cobalt Blue
- 006280
≈ Harem Silk
- 574B99
≈ Liberty
Triadisch +120° +240°
- 28589C
Cyan Cobalt Blue
- 91363F
≈ Fire Chi
- 33681B
≈ Radical Green
Geteilt komplementär +150° +210°
- 28589C
Cyan Cobalt Blue
- 8E3F09
≈ Espresso Martini
- 5F5C00
≈ Greensboro
Tetradisch +90° +180° +270°
- 28589C
Cyan Cobalt Blue
- 883865
≈ Midnight Aubergine
- 775100
≈ Pickled Grape Leaves
- 00694E
≈ Bangladesh Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.07:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.96:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.07:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--cyan-cobalt-blue: #28589c;
--cyan-cobalt-blue-rgb: 40 88 156;
--cyan-cobalt-blue-oklch: oklch(0.464 0.122 257.6);
}
.element {
color: var(--cyan-cobalt-blue);
background-color: hsl(215 59% 38%);
border-color: oklch(0.464 0.122 257.6);
}Tailwind CSS v4
@theme {
--color-cyan-cobalt-blue: #28589c;
--color-cyan-cobalt-blue-50: #e1f7ff;
--color-cyan-cobalt-blue-100: #d0e9ff;
--color-cyan-cobalt-blue-200: #b6d6ff;
--color-cyan-cobalt-blue-300: #92b9f6;
--color-cyan-cobalt-blue-400: #6fa0e6;
--color-cyan-cobalt-blue-500: #4f86d6;
--color-cyan-cobalt-blue-600: #4472b4;
--color-cyan-cobalt-blue-700: #365b91;
--color-cyan-cobalt-blue-800: #24436c;
--color-cyan-cobalt-blue-900: #182e4c;
--color-cyan-cobalt-blue-950: #081b32;
}SCSS
$cyan-cobalt-blue: #28589c;
$cyan-cobalt-blue-rgb: 40, 88, 156;
$cyan-cobalt-blue-light: mix(#fff, $cyan-cobalt-blue, 20%);
$cyan-cobalt-blue-dark: mix(#000, $cyan-cobalt-blue, 20%);
.element {
color: $cyan-cobalt-blue;
box-shadow: 0 0 0 2px rgba($cyan-cobalt-blue, 0.35);
}