이름 색상 · #0000FC
Graphical 80’s Sky
Graphical 80’s Sky은(는) #0000FC: rgb(0 0 252), hsl(240 100% 49%), oklch(0.448 0.31 264.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Graphical 80’s Sky color name →
#0000FC
oklch(0.448 0.31 264.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 0541FF
- 225FFF
- 3E78FF
- 588EFF
- 73A2FF
- 8FB6FF
- AAC9FF
- C6DBFF
- E2EDFF
셰이드
- 0000DB
- 0000BB
- 00009C
- 00007E
- 000062
- 000047
- 00002D
- 000016
- 000003
톤
- 002FF1
- 0B42E5
- 1C50DA
- 2C5BCE
- 3A64C2
- 496BB6
- 5772AA
- 65779C
- 727C8F
색 조화
보색 +180°
- 0000FC
Graphical 80’s Sky
- 6D4F00
≈ Antique Bronze
유사색 -30° +30°
- 0000FC
Graphical 80’s Sky
- 005C80
≈ Royal Blood
- 6500CC
≈ Trusted Purple
삼각 배색 +120° +240°
- 0000FC
Graphical 80’s Sky
- A1001B
≈ Dear Darling
- 006811
≈ Leafy Lush
분열 보색 +150° +210°
- 0000FC
Graphical 80’s Sky
- 834000
≈ Gryphonne Sepia Wash
- 545A00
≈ Greensboro
사각 배색 +90° +180° +270°
- 0000FC
Graphical 80’s Sky
- 9A005B
≈ Vertigo Cherry
- 6D4F00
≈ Antique Bronze
- 006451
≈ Piney Lake
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.72:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.40:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 8.72:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
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);
}