Benannte Farbe · #0892D0
Rich Electric Blue
Rich Electric Blue ist #0892D0: rgb(8 146 208), hsl(199 93% 42%), oklch(0.626 0.137 237.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Rich Electric Blue color name →
#0892D0
oklch(0.626 0.137 237.7)
Farbumrechnungen
- HEX
- #0892d0
- RGB
- rgb(8 146 208)
- HSL
- hsl(199 93% 42%)
- HWB
- hwb(199 3% 18%)
- OKLCH
- oklch(0.626 0.137 237.7)
- OKLab
- oklab(0.626 -0.073 -0.116)
- CIE Lab
- lab(56.57 -15.84 -41.65)
- LCH
- lch(56.57 44.56 249.2)
- CMYK
- cmyk(96% 30% 0% 18%)
Tints · Shades · Tones
Tints
- 3A9DD5
- 55A8DB
- 6DB3E0
- 83BEE5
- 98C9E9
- ADD4EE
- C2DFF2
- D6EAF7
- EBF4FB
Shades
- 067EB5
- 046B9A
- 035880
- 024667
- 01354F
- 012539
- 001623
- 000810
- 000102
Tones
- 2A91C8
- 3B8FC0
- 488EB8
- 528CB0
- 5C8AA9
- 6489A1
- 6C8799
- 738590
- 7A8288
Farbharmonien
Komplementär +180°
- 0892D0
Rich Electric Blue
- C47022
≈ Caramelised Peach
Analog -30° +30°
- 0892D0
Rich Electric Blue
- 009AAA
≈ Aquarium Diver
- 6483DA
≈ Blue Jay
Triadisch +120° +240°
- 0892D0
Rich Electric Blue
- C76188
≈ Ibis Rose
- 82921B
≈ Foggy Bog
Geteilt komplementär +150° +210°
- 0892D0
Rich Electric Blue
- CE6358
≈ Japanese Kimono
- A88200
≈ Chestnut Gold
Tetradisch +90° +180° +270°
- 0892D0
Rich Electric Blue
- B368B2
≈ Pearly Purple
- C47022
≈ Caramelised Peach
- 459E56
≈ Chateau Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.48:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.03:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.03:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--rich-electric-blue: #0892d0;
--rich-electric-blue-rgb: 8 146 208;
--rich-electric-blue-oklch: oklch(0.626 0.137 237.7);
}
.element {
color: var(--rich-electric-blue);
background-color: hsl(199 93% 42%);
border-color: oklch(0.626 0.137 237.7);
}Tailwind CSS v4
@theme {
--color-rich-electric-blue: #0892d0;
--color-rich-electric-blue-50: #d3fbff;
--color-rich-electric-blue-100: #bfefff;
--color-rich-electric-blue-200: #9eddff;
--color-rich-electric-blue-300: #72c1f6;
--color-rich-electric-blue-400: #3ea9e5;
--color-rich-electric-blue-500: #0090d5;
--color-rich-electric-blue-600: #007ab4;
--color-rich-electric-blue-700: #006290;
--color-rich-electric-blue-800: #00486b;
--color-rich-electric-blue-900: #00324b;
--color-rich-electric-blue-950: #001e31;
}SCSS
$rich-electric-blue: #0892d0;
$rich-electric-blue-rgb: 8, 146, 208;
$rich-electric-blue-light: mix(#fff, $rich-electric-blue, 20%);
$rich-electric-blue-dark: mix(#000, $rich-electric-blue, 20%);
.element {
color: $rich-electric-blue;
box-shadow: 0 0 0 2px rgba($rich-electric-blue, 0.35);
}