Benannte Farbe · #57B8DC
Nancy
Nancy ist #57B8DC: rgb(87 184 220), hsl(196 66% 60%), oklch(0.738 0.104 225.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Nancy color name →
#57B8DC
oklch(0.738 0.104 225.3)
Farbumrechnungen
- HEX
- #57b8dc
- RGB
- rgb(87 184 220)
- HSL
- hsl(196 66% 60%)
- HWB
- hwb(196 34% 14%)
- OKLCH
- oklch(0.738 0.104 225.3)
- OKLab
- oklab(0.738 -0.073 -0.074)
- CIE Lab
- lab(70.05 -21.68 -27.29)
- LCH
- lch(70.05 34.85 231.5)
- CMYK
- cmyk(60% 16% 0% 14%)
Tints · Shades · Tones
Tints
- 6BBFE0
- 7EC6E3
- 8FCEE7
- A0D5EB
- B0DCEE
- C0E3F2
- D0EAF5
- E0F1F8
- EFF8FC
Shades
- 4BA0BF
- 3E88A3
- 337188
- 275B6E
- 1C4554
- 12313C
- 081E26
- 030C11
- 000202
Tones
- 5EB2D3
- 64ADC9
- 6AA7C0
- 6EA2B7
- 729CAD
- 7697A4
- 79919B
- 7C8B92
- 7E8689
Farbharmonien
Komplementär +180°
- 57B8DC
Nancy
- E19572
≈ Baked Salmon
Analog -30° +30°
- 57B8DC
Nancy
- 48BFBF
≈ Lagoon Rock
- 7DADEB
≈ Pool Floor
Triadisch +120° +240°
- 57B8DC
Nancy
- DA8FB9
≈ Tempting Pink
- B4AE5C
≈ Palm
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.25:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.29:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--nancy: #57b8dc;
--nancy-rgb: 87 184 220;
--nancy-oklch: oklch(0.738 0.104 225.3);
}
.element {
color: var(--nancy);
background-color: hsl(196 66% 60%);
border-color: oklch(0.738 0.104 225.3);
}Tailwind CSS v4
@theme {
--color-nancy: #57b8dc;
--color-nancy-50: #d7fcff;
--color-nancy-100: #c4f0ff;
--color-nancy-200: #a5def7;
--color-nancy-300: #7cc3e1;
--color-nancy-400: #50abcd;
--color-nancy-500: #1194ba;
--color-nancy-600: #157d9d;
--color-nancy-700: #12647e;
--color-nancy-800: #074a5d;
--color-nancy-900: #063341;
--color-nancy-950: #001f2a;
}SCSS
$nancy: #57b8dc;
$nancy-rgb: 87, 184, 220;
$nancy-light: mix(#fff, $nancy, 20%);
$nancy-dark: mix(#000, $nancy, 20%);
.element {
color: $nancy;
box-shadow: 0 0 0 2px rgba($nancy, 0.35);
}