Nächste benannte Farbe · #005BD9
#005BD9
Nächste benannte Farbe: Frosted Blueberries
#005BD9 (rgb(0 91 217), hsl(215 100% 43%), oklch(0.509 0.207 259.9)) liegt am nächsten an der benannten Farbe Frosted Blueberries. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#005BD9
oklch(0.509 0.207 259.9)
Farbumrechnungen
- HEX
- #005bd9
- RGB
- rgb(0 91 217)
- HSL
- hsl(215 100% 43%)
- HWB
- hwb(215 0% 15%)
- OKLCH
- oklch(0.509 0.207 259.9)
- OKLab
- oklab(0.509 -0.036 -0.204)
- CIE Lab
- lab(40.75 17.93 -72.04)
- LCH
- lch(40.75 74.24 284)
- CMYK
- cmyk(100% 58% 0% 15%)
Tints · Shades · Tones
Tints
- 286EDF
- 427FE4
- 5A90E9
- 71A0ED
- 89B0F1
- A0C0F5
- B7D0F8
- CFE0FB
- E7EFFD
Shades
- 004EBC
- 0041A1
- 003586
- 00296C
- 001E53
- 00133B
- 000925
- 000311
- 000002
Tones
- 1A61D1
- 2A66C9
- 376BC0
- 436FB8
- 4E73AF
- 5976A6
- 63799D
- 6D7C94
- 767E8A
Farbharmonien
Komplementär +180°
- 005BD9
Frosted Blueberries
- 855E00
≈ Soil of Avagddu
Analog -30° +30°
- 005BD9
Frosted Blueberries
- 007094
≈ Tropic Sea
- 6A42D1
≈ Dragonlord Purple
Triadisch +120° +240°
- 005BD9
Frosted Blueberries
- BF0031
≈ Crimson Glory
- 237B00
≈ Botanical Beauty
Geteilt komplementär +150° +210°
- 005BD9
Frosted Blueberries
- A04900
≈ Oregon
- 6A6B00
≈ Brownish Green
Tetradisch +90° +180° +270°
- 005BD9
Frosted Blueberries
- B30D76
≈ King’s Plum Pie
- 855E00
≈ Soil of Avagddu
- 00785D
≈ Emerald Dream
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.00:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.49:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 6.00:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--frosted-blueberries: #005bd9;
--frosted-blueberries-rgb: 0 91 217;
--frosted-blueberries-oklch: oklch(0.509 0.207 259.9);
}
.element {
color: var(--frosted-blueberries);
background-color: hsl(215 100% 43%);
border-color: oklch(0.509 0.207 259.9);
}Tailwind CSS v4
@theme {
--color-frosted-blueberries: #005bd9;
--color-frosted-blueberries-50: #d5f6ff;
--color-frosted-blueberries-100: #c2e9ff;
--color-frosted-blueberries-200: #a3d4ff;
--color-frosted-blueberries-300: #7bb5ff;
--color-frosted-blueberries-400: #4f9aff;
--color-frosted-blueberries-500: #217cff;
--color-frosted-blueberries-600: #1e6ae1;
--color-frosted-blueberries-700: #1855b5;
--color-frosted-blueberries-800: #053e88;
--color-frosted-blueberries-900: #042b60;
--color-frosted-blueberries-950: #001842;
}SCSS
$frosted-blueberries: #005bd9;
$frosted-blueberries-rgb: 0, 91, 217;
$frosted-blueberries-light: mix(#fff, $frosted-blueberries, 20%);
$frosted-blueberries-dark: mix(#000, $frosted-blueberries, 20%);
.element {
color: $frosted-blueberries;
box-shadow: 0 0 0 2px rgba($frosted-blueberries, 0.35);
}