Nazwany kolor · #0000FC
Graphical 80’s Sky
Graphical 80’s Sky to #0000FC: rgb(0 0 252), hsl(240 100% 49%), oklch(0.448 0.31 264.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Graphical 80’s Sky color name →
#0000FC
oklch(0.448 0.31 264.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 0541FF
- 225FFF
- 3E78FF
- 588EFF
- 73A2FF
- 8FB6FF
- AAC9FF
- C6DBFF
- E2EDFF
Odcienie ciemniejsze
- 0000DB
- 0000BB
- 00009C
- 00007E
- 000062
- 000047
- 00002D
- 000016
- 000003
Tony
- 002FF1
- 0B42E5
- 1C50DA
- 2C5BCE
- 3A64C2
- 496BB6
- 5772AA
- 65779C
- 727C8F
Harmonie kolorów
Komplementarna +180°
- 0000FC
Graphical 80’s Sky
- 6D4F00
≈ Antique Bronze
Analogowa -30° +30°
- 0000FC
Graphical 80’s Sky
- 005C80
≈ Royal Blood
- 6500CC
≈ Trusted Purple
Triada +120° +240°
- 0000FC
Graphical 80’s Sky
- A1001B
≈ Dear Darling
- 006811
≈ Leafy Lush
Komplementarna rozszczepiona +150° +210°
- 0000FC
Graphical 80’s Sky
- 834000
≈ Gryphonne Sepia Wash
- 545A00
≈ Greensboro
Tetrada +90° +180° +270°
- 0000FC
Graphical 80’s Sky
- 9A005B
≈ Vertigo Cherry
- 6D4F00
≈ Antique Bronze
- 006451
≈ Piney Lake
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.72:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.40:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.72:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
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);
}