Benannte Farbe · #0055DD
Frosted Blueberries
Frosted Blueberries ist #0055DD: rgb(0 85 221), hsl(217 100% 43%), oklch(0.501 0.219 261.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Frosted Blueberries color name →
#0055DD
oklch(0.501 0.219 261.2)
Farbumrechnungen
- HEX
- #0055dd
- RGB
- rgb(0 85 221)
- HSL
- hsl(217 100% 43%)
- HWB
- hwb(217 0% 13%)
- OKLCH
- oklch(0.501 0.219 261.2)
- OKLab
- oklab(0.501 -0.034 -0.216)
- CIE Lab
- lab(39.4 23 -76.51)
- LCH
- lch(39.4 79.9 286.7)
- CMYK
- cmyk(100% 62% 0% 13%)
Tints · Shades · Tones
Tints
- 2669E2
- 407BE7
- 588DEC
- 6F9EF0
- 87AEF4
- 9EBFF7
- B6CFFA
- CEDFFC
- E6EFFE
Shades
- 0049C0
- 003DA4
- 003188
- 00266E
- 001C55
- 00113D
- 000826
- 000211
- 000002
Tones
- 195CD5
- 2862CC
- 3568C3
- 416DBA
- 4C71B1
- 5775A8
- 62789F
- 6C7B95
- 767E8B
Farbharmonien
Komplementär +180°
- 0055DD
Frosted Blueberries
- 815C00
≈ Soil of Avagddu
Analog -30° +30°
- 0055DD
Frosted Blueberries
- 006D93
≈ Pure Light Blue
- 6B39D3
≈ Sagat Purple
Triadisch +120° +240°
- 0055DD
Frosted Blueberries
- BB002B
≈ Red Dead Redemption
- 177900
≈ Toy Camouflage
Geteilt komplementär +150° +210°
- 0055DD
Frosted Blueberries
- 9B4900
≈ Oregon
- 676900
≈ Earthy Khaki Green
Tetradisch +90° +180° +270°
- 0055DD
Frosted Blueberries
- B20071
≈ Botticelli
- 815C00
≈ Soil of Avagddu
- 00755C
≈ Tropical Rainforest
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.28:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.34:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.28:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--frosted-blueberries: #0055dd;
--frosted-blueberries-rgb: 0 85 221;
--frosted-blueberries-oklch: oklch(0.501 0.219 261.2);
}
.element {
color: var(--frosted-blueberries);
background-color: hsl(217 100% 43%);
border-color: oklch(0.501 0.219 261.2);
}Tailwind CSS v4
@theme {
--color-frosted-blueberries: #0055dd;
--color-frosted-blueberries-50: #d4f6ff;
--color-frosted-blueberries-100: #c2e8ff;
--color-frosted-blueberries-200: #a3d3ff;
--color-frosted-blueberries-300: #7bb3ff;
--color-frosted-blueberries-400: #4e98ff;
--color-frosted-blueberries-500: #2279ff;
--color-frosted-blueberries-600: #1f67e8;
--color-frosted-blueberries-700: #1952bb;
--color-frosted-blueberries-800: #053d8c;
--color-frosted-blueberries-900: #042a63;
--color-frosted-blueberries-950: #001644;
}SCSS
$frosted-blueberries: #0055dd;
$frosted-blueberries-rgb: 0, 85, 221;
$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);
}