Benannte Farbe · #0000FC
Graphical 80’s Sky
Graphical 80’s Sky ist #0000FC: rgb(0 0 252), hsl(240 100% 49%), oklch(0.448 0.31 264.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Graphical 80’s Sky color name →
#0000FC
oklch(0.448 0.31 264.1)
Farbumrechnungen
- HEX
- #0000fc
- RGB
- rgb(0 0 252)
- HSL
- hsl(240 100% 49%)
- HWB
- hwb(240 0% 1%)
- OKLCH
- oklch(0.448 0.31 264.1)
- OKLab
- oklab(0.448 -0.032 -0.309)
- CIE Lab
- lab(29.16 67.68 -111.03)
- LCH
- lch(29.16 130.03 301.4)
- CMYK
- cmyk(100% 100% 0% 1%)
Tints · Shades · Tones
Tints
- 0541FF
- 225FFF
- 3E78FF
- 588EFF
- 73A2FF
- 8FB6FF
- AAC9FF
- C6DBFF
- E2EDFF
Shades
- 0000DB
- 0000BB
- 00009C
- 00007E
- 000062
- 000047
- 00002D
- 000016
- 000003
Tones
- 002FF1
- 0B42E5
- 1C50DA
- 2C5BCE
- 3A64C2
- 496BB6
- 5772AA
- 65779C
- 727C8F
Farbharmonien
Komplementär +180°
- 0000FC
Graphical 80’s Sky
- 6D4F00
≈ Antique Bronze
Analog -30° +30°
- 0000FC
Graphical 80’s Sky
- 005C80
≈ Royal Blood
- 6500CC
≈ Trusted Purple
Triadisch +120° +240°
- 0000FC
Graphical 80’s Sky
- A1001B
≈ Dear Darling
- 006811
≈ Leafy Lush
Geteilt komplementär +150° +210°
- 0000FC
Graphical 80’s Sky
- 834000
≈ Gryphonne Sepia Wash
- 545A00
≈ Greensboro
Tetradisch +90° +180° +270°
- 0000FC
Graphical 80’s Sky
- 9A005B
≈ Vertigo Cherry
- 6D4F00
≈ Antique Bronze
- 006451
≈ Piney Lake
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.72:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.40:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 8.72:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--graphical-80-s-sky: #0000fc;
--graphical-80-s-sky-rgb: 0 0 252;
--graphical-80-s-sky-oklch: oklch(0.448 0.31 264.1);
}
.element {
color: var(--graphical-80-s-sky);
background-color: hsl(240 100% 49%);
border-color: oklch(0.448 0.31 264.1);
}Tailwind CSS v4
@theme {
--color-graphical-80-s-sky: #0000fc;
--color-graphical-80-s-sky-50: #cbf3ff;
--color-graphical-80-s-sky-100: #b7e4ff;
--color-graphical-80-s-sky-200: #96cdff;
--color-graphical-80-s-sky-300: #6ca9ff;
--color-graphical-80-s-sky-400: #3987ff;
--color-graphical-80-s-sky-500: #0b5aff;
--color-graphical-80-s-sky-600: #0c4eff;
--color-graphical-80-s-sky-700: #093fe2;
--color-graphical-80-s-sky-800: #002fab;
--color-graphical-80-s-sky-900: #002079;
--color-graphical-80-s-sky-950: #000c56;
}SCSS
$graphical-80-s-sky: #0000fc;
$graphical-80-s-sky-rgb: 0, 0, 252;
$graphical-80-s-sky-light: mix(#fff, $graphical-80-s-sky, 20%);
$graphical-80-s-sky-dark: mix(#000, $graphical-80-s-sky, 20%);
.element {
color: $graphical-80-s-sky;
box-shadow: 0 0 0 2px rgba($graphical-80-s-sky, 0.35);
}