Nächste benannte Farbe · #5C9DED
#5C9DED
Nächste benannte Farbe: Sky Dancer
#5C9DED (rgb(92 157 237), hsl(213 80% 65%), oklch(0.688 0.136 254.6)) liegt am nächsten an der benannten Farbe Sky Dancer. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#5C9DED
oklch(0.688 0.136 254.6)
Farbumrechnungen
- HEX
- #5c9ded
- RGB
- rgb(92 157 237)
- HSL
- hsl(213 80% 65%)
- HWB
- hwb(213 36% 7%)
- OKLCH
- oklch(0.688 0.136 254.6)
- OKLab
- oklab(0.688 -0.036 -0.131)
- CIE Lab
- lab(63.08 -2.94 -47.31)
- LCH
- lch(63.08 47.41 266.4)
- CMYK
- cmyk(61% 34% 0% 7%)
Tints · Shades · Tones
Tints
- 6DA7F0
- 7DB1F2
- 8EBBF4
- 9EC5F6
- AECFF8
- BED8FA
- CEE2FC
- DEECFD
- EFF5FE
Shades
- 4F88CE
- 4273B0
- 365F93
- 2A4C77
- 1F3A5C
- 142842
- 0A182A
- 030914
- 000103
Tones
- 619BE2
- 6598D7
- 6A95CC
- 6D93C1
- 7190B7
- 748DAC
- 788AA1
- 7B8796
- 7D838B
Farbharmonien
Komplementär +180°
- 5C9DED
Sky Dancer
- CC8C20
≈ Lobster Butter Sauce
Analog -30° +30°
- 5C9DED
Sky Dancer
- 00ABD6
≈ Bright Cerulean
- 928DEB
≈ Perrywinkle
Triadisch +120° +240°
- 5C9DED
Sky Dancer
- E27480
≈ Passion Pink
- 75AD52
≈ Lost Golfer
Geteilt komplementär +150° +210°
- 5C9DED
Sky Dancer
- DF7C4F
≈ Jaffa
- A89E21
≈ Lucky
Tetradisch +90° +180° +270°
- 5C9DED
Sky Dancer
- D576AE
≈ Sky Magenta
- CC8C20
≈ Lobster Butter Sauce
- 26B585
≈ Jess
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.50:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--sky-dancer: #5c9ded;
--sky-dancer-rgb: 92 157 237;
--sky-dancer-oklch: oklch(0.688 0.136 254.6);
}
.element {
color: var(--sky-dancer);
background-color: hsl(213 80% 65%);
border-color: oklch(0.688 0.136 254.6);
}Tailwind CSS v4
@theme {
--color-sky-dancer: #5c9ded;
--color-sky-dancer-50: #ddf8ff;
--color-sky-dancer-100: #cbeaff;
--color-sky-dancer-200: #afd7ff;
--color-sky-dancer-300: #89bafd;
--color-sky-dancer-400: #64a1ed;
--color-sky-dancer-500: #3f87de;
--color-sky-dancer-600: #3673bb;
--color-sky-dancer-700: #2b5c96;
--color-sky-dancer-800: #1a4470;
--color-sky-dancer-900: #112f4f;
--color-sky-dancer-950: #041b34;
}SCSS
$sky-dancer: #5c9ded;
$sky-dancer-rgb: 92, 157, 237;
$sky-dancer-light: mix(#fff, $sky-dancer, 20%);
$sky-dancer-dark: mix(#000, $sky-dancer, 20%);
.element {
color: $sky-dancer;
box-shadow: 0 0 0 2px rgba($sky-dancer, 0.35);
}