Benannte Farbe · #5599B6
Steel Light Blue
Steel Light Blue ist #5599B6: rgb(85 153 182), hsl(198 40% 52%), oklch(0.649 0.081 227.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Steel Light Blue color name →
#5599B6
oklch(0.649 0.081 227.7)
Farbumrechnungen
- HEX
- #5599b6
- RGB
- rgb(85 153 182)
- HSL
- hsl(198 40% 52%)
- HWB
- hwb(198 33% 29%)
- OKLCH
- oklch(0.649 0.081 227.7)
- OKLab
- oklab(0.649 -0.055 -0.06)
- CIE Lab
- lab(59.61 -16.17 -22.2)
- LCH
- lch(59.61 27.46 233.9)
- CMYK
- cmyk(53% 16% 0% 29%)
Tints · Shades · Tones
Tints
- 67A3BD
- 78ADC5
- 8AB7CC
- 9AC1D3
- ABCBDB
- BCD6E2
- CCE0E9
- DDEAF0
- EEF5F8
Shades
- 49849E
- 3D7086
- 315D6F
- 264A59
- 1C3844
- 112730
- 08171D
- 02080C
- 000102
Tones
- 5B97B1
- 6094AB
- 6592A6
- 6A8FA0
- 6E8D9B
- 728A96
- 768890
- 79858B
- 7D8385
Farbharmonien
Komplementär +180°
- 5599B6
Steel Light Blue
- B88063
≈ Silken Chocolate
Analog -30° +30°
- 5599B6
Steel Light Blue
- 4A9EA1
≈ Aqua Fresco
- 7091C1
≈ Purple Hyacinth
Triadisch +120° +240°
- 5599B6
Steel Light Blue
- B47B98
≈ Choral Singer
- 949357
≈ Tansy Green
Geteilt komplementär +150° +210°
- 5599B6
Steel Light Blue
- BC7B7C
≈ Chick Flick
- AB8954
≈ Teak
Tetradisch +90° +180° +270°
- 5599B6
Steel Light Blue
- A47FB0
≈ Lobby Lilac
- B88063
≈ Silken Chocolate
- 779B6A
≈ Blackthorn Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.17:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.61:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.61:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--steel-light-blue: #5599b6;
--steel-light-blue-rgb: 85 153 182;
--steel-light-blue-oklch: oklch(0.649 0.081 227.7);
}
.element {
color: var(--steel-light-blue);
background-color: hsl(198 40% 52%);
border-color: oklch(0.649 0.081 227.7);
}Tailwind CSS v4
@theme {
--color-steel-light-blue: #5599b6;
--color-steel-light-blue-50: #defaff;
--color-steel-light-blue-100: #cdeefe;
--color-steel-light-blue-200: #b1dcf1;
--color-steel-light-blue-300: #8cc0d9;
--color-steel-light-blue-400: #68a8c4;
--color-steel-light-blue-500: #4391b0;
--color-steel-light-blue-600: #3a7a95;
--color-steel-light-blue-700: #2e6277;
--color-steel-light-blue-800: #1f4858;
--color-steel-light-blue-900: #14323d;
--color-steel-light-blue-950: #061e27;
}SCSS
$steel-light-blue: #5599b6;
$steel-light-blue-rgb: 85, 153, 182;
$steel-light-blue-light: mix(#fff, $steel-light-blue, 20%);
$steel-light-blue-dark: mix(#000, $steel-light-blue, 20%);
.element {
color: $steel-light-blue;
box-shadow: 0 0 0 2px rgba($steel-light-blue, 0.35);
}