Nächste benannte Farbe · #536C9F
#536C9F
Nächste benannte Farbe: Starstruck
#536C9F (rgb(83 108 159), hsl(220 31% 47%), oklch(0.534 0.086 263.8)) liegt am nächsten an der benannten Farbe Starstruck. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#536C9F
oklch(0.534 0.086 263.8)
Farbumrechnungen
- HEX
- #536c9f
- RGB
- rgb(83 108 159)
- HSL
- hsl(220 31% 47%)
- HWB
- hwb(220 33% 38%)
- OKLCH
- oklch(0.534 0.086 263.8)
- OKLab
- oklab(0.534 -0.009 -0.085)
- CIE Lab
- lab(45.33 1.59 -30.94)
- LCH
- lch(45.33 30.98 272.9)
- CMYK
- cmyk(48% 32% 0% 38%)
Tints · Shades · Tones
Tints
- 637AA9
- 7388B3
- 8397BC
- 94A5C6
- A5B4CF
- B7C2D9
- C8D1E3
- DAE0EC
- EDF0F6
Shades
- 475D8A
- 3B4E75
- 304061
- 25324D
- 1B253B
- 111929
- 080D18
- 020409
- 000001
Tones
- 586E9C
- 5C7099
- 617396
- 657593
- 6A7790
- 6E798D
- 737B8A
- 777C87
- 7C7E83
Farbharmonien
Komplementär +180°
- 536C9F
Starstruck
- 85682C
≈ Hunting Jacket
Analog -30° +30°
- 536C9F
Starstruck
- 327597
≈ Cottage by the Sea
- 6F639A
≈ Scampi
Triadisch +120° +240°
- 536C9F
Starstruck
- 995854
≈ Walleye
- 4D7A4C
≈ Autumn Fern
Geteilt komplementär +150° +210°
- 536C9F
Starstruck
- 945E3B
≈ Carmel
- 6C7234
≈ Swamp Shrub
Tetradisch +90° +180° +270°
- 536C9F
Starstruck
- 945770
≈ Grandeur Plum
- 85682C
≈ Hunting Jacket
- 297D69
≈ Green Fingers
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.23:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 4.01:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--starstruck: #536c9f;
--starstruck-rgb: 83 108 159;
--starstruck-oklch: oklch(0.534 0.086 263.8);
}
.element {
color: var(--starstruck);
background-color: hsl(220 31% 47%);
border-color: oklch(0.534 0.086 263.8);
}Tailwind CSS v4
@theme {
--color-starstruck: #536c9f;
--color-starstruck-50: #e9f5ff;
--color-starstruck-100: #dae8ff;
--color-starstruck-200: #c3d4fa;
--color-starstruck-300: #a3b7e4;
--color-starstruck-400: #849ed2;
--color-starstruck-500: #6985c0;
--color-starstruck-600: #5971a2;
--color-starstruck-700: #475a82;
--color-starstruck-800: #324260;
--color-starstruck-900: #222e44;
--color-starstruck-950: #111a2c;
}SCSS
$starstruck: #536c9f;
$starstruck-rgb: 83, 108, 159;
$starstruck-light: mix(#fff, $starstruck, 20%);
$starstruck-dark: mix(#000, $starstruck, 20%);
.element {
color: $starstruck;
box-shadow: 0 0 0 2px rgba($starstruck, 0.35);
}