Nächste benannte Farbe · #0056CE
#0056CE
Nächste benannte Farbe: Frosted Blueberries
#0056CE (rgb(0 86 206), hsl(215 100% 40%), oklch(0.49 0.199 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.
#0056CE
oklch(0.49 0.199 259.9)
Farbumrechnungen
- HEX
- #0056ce
- RGB
- rgb(0 86 206)
- HSL
- hsl(215 100% 40%)
- HWB
- hwb(215 0% 19%)
- OKLCH
- oklch(0.49 0.199 259.9)
- OKLab
- oklab(0.49 -0.035 -0.196)
- CIE Lab
- lab(38.57 17.24 -69.29)
- LCH
- lch(38.57 71.4 284)
- CMYK
- cmyk(100% 58% 0% 19%)
Tints · Shades · Tones
Tints
- 2769D5
- 417BDB
- 598CE1
- 709DE6
- 87ADEB
- 9FBEF0
- B6CEF5
- CEDEF8
- E6EFFC
Shades
- 004AB3
- 003E98
- 00327F
- 002766
- 001C4E
- 001238
- 000823
- 00020F
- 000002
Tones
- 195CC7
- 2962C0
- 3667B9
- 426CB1
- 4D70AA
- 5874A2
- 62779A
- 6C7B92
- 767D89
Farbharmonien
Komplementär +180°
- 0056CE
Frosted Blueberries
- 7E5900
≈ Qahvei Brown
Analog -30° +30°
- 0056CE
Frosted Blueberries
- 006A8D
≈ Techno Blue
- 643EC6
≈ Dragonlord Purple
Triadisch +120° +240°
- 0056CE
Frosted Blueberries
- B5002E
≈ Holly Jolly Christmas
- 217400
≈ Botanical Beauty
Geteilt komplementär +150° +210°
- 0056CE
Frosted Blueberries
- 984500
≈ Roux
- 656500
≈ Earthy Khaki Green
Tetradisch +90° +180° +270°
- 0056CE
Frosted Blueberries
- AA0B70
≈ Fabric of Love
- 7E5900
≈ Qahvei Brown
- 007258
≈ Tropical Rainforest
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.51:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.22:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.51:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--frosted-blueberries: #0056ce;
--frosted-blueberries-rgb: 0 86 206;
--frosted-blueberries-oklch: oklch(0.49 0.199 259.9);
}
.element {
color: var(--frosted-blueberries);
background-color: hsl(215 100% 40%);
border-color: oklch(0.49 0.199 259.9);
}Tailwind CSS v4
@theme {
--color-frosted-blueberries: #0056ce;
--color-frosted-blueberries-50: #d6f6ff;
--color-frosted-blueberries-100: #c4e9ff;
--color-frosted-blueberries-200: #a5d4ff;
--color-frosted-blueberries-300: #7eb5ff;
--color-frosted-blueberries-400: #539bff;
--color-frosted-blueberries-500: #277dff;
--color-frosted-blueberries-600: #236bdd;
--color-frosted-blueberries-700: #1c55b2;
--color-frosted-blueberries-800: #0a3f85;
--color-frosted-blueberries-900: #062c5e;
--color-frosted-blueberries-950: #001841;
}SCSS
$frosted-blueberries: #0056ce;
$frosted-blueberries-rgb: 0, 86, 206;
$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);
}