Nächste benannte Farbe · #31A1F5
#31A1F5
Nächste benannte Farbe: Fresh Blue of Bel Air
#31A1F5 (rgb(49 161 245), hsl(206 91% 58%), oklch(0.687 0.157 246.2)) liegt am nächsten an der benannten Farbe Fresh Blue of Bel Air. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#31A1F5
oklch(0.687 0.157 246.2)
Farbumrechnungen
- HEX
- #31a1f5
- RGB
- rgb(49 161 245)
- HSL
- hsl(206 91% 58%)
- HWB
- hwb(206 19% 4%)
- OKLCH
- oklch(0.687 0.157 246.2)
- OKLab
- oklab(0.687 -0.064 -0.144)
- CIE Lab
- lab(63.15 -9.56 -51.69)
- LCH
- lch(63.15 52.57 259.5)
- CMYK
- cmyk(80% 34% 0% 4%)
Tints · Shades · Tones
Tints
- 4EABF7
- 65B5F9
- 7ABEFA
- 8EC8FB
- A2D1FD
- B5DBFE
- C7E4FE
- DAEDFF
- ECF6FF
Shades
- 298BD5
- 2276B6
- 1A6298
- 134E7B
- 0C3C5F
- 062A44
- 03192B
- 010915
- 000103
Tones
- 409EE9
- 4B9BDE
- 5598D2
- 5D95C6
- 6492BB
- 6B8FAF
- 718BA3
- 768898
- 7B848C
Farbharmonien
Komplementär +180°
- 31A1F5
Fresh Blue of Bel Air
- D88400
≈ Fleur de Sel Caramel
Analog -30° +30°
- 31A1F5
Fresh Blue of Bel Air
- 00ACCA
≈ Gummy Dolphins
- 828FFA
≈ Lavender Blue Shadow
Triadisch +120° +240°
- 31A1F5
Fresh Blue of Bel Air
- E86B8B
≈ Cupid’s Arrow
- 82AB2C
≈ Avocado Green
Geteilt komplementär +150° +210°
- 31A1F5
Fresh Blue of Bel Air
- EA7251
≈ Bloodletter
- B49900
≈ Kalliene Yellow
Tetradisch +90° +180° +270°
- 31A1F5
Fresh Blue of Bel Air
- D571BF
≈ Pink Charge
- D88400
≈ Fleur de Sel Caramel
- 22B670
≈ Turtle Warrior
Kontrast & Barrierefreiheit
Auf Weiß
WCAG 2.78:1 · APCA Lc 53
Auf Schwarz
WCAG 7.54:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.54:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--fresh-blue-of-bel-air: #31a1f5;
--fresh-blue-of-bel-air-rgb: 49 161 245;
--fresh-blue-of-bel-air-oklch: oklch(0.687 0.157 246.2);
}
.element {
color: var(--fresh-blue-of-bel-air);
background-color: hsl(206 91% 58%);
border-color: oklch(0.687 0.157 246.2);
}Tailwind CSS v4
@theme {
--color-fresh-blue-of-bel-air: #31a1f5;
--color-fresh-blue-of-bel-air-50: #d2faff;
--color-fresh-blue-of-bel-air-100: #bfedff;
--color-fresh-blue-of-bel-air-200: #9edaff;
--color-fresh-blue-of-bel-air-300: #72beff;
--color-fresh-blue-of-bel-air-400: #40a5f5;
--color-fresh-blue-of-bel-air-500: #008be7;
--color-fresh-blue-of-bel-air-600: #0076c3;
--color-fresh-blue-of-bel-air-700: #005f9c;
--color-fresh-blue-of-bel-air-800: #004674;
--color-fresh-blue-of-bel-air-900: #003052;
--color-fresh-blue-of-bel-air-950: #001c37;
}SCSS
$fresh-blue-of-bel-air: #31a1f5;
$fresh-blue-of-bel-air-rgb: 49, 161, 245;
$fresh-blue-of-bel-air-light: mix(#fff, $fresh-blue-of-bel-air, 20%);
$fresh-blue-of-bel-air-dark: mix(#000, $fresh-blue-of-bel-air, 20%);
.element {
color: $fresh-blue-of-bel-air;
box-shadow: 0 0 0 2px rgba($fresh-blue-of-bel-air, 0.35);
}