이름 색상 · #0020EF
Blue Overdose
Blue Overdose은(는) #0020EF: rgb(0 32 239), hsl(232 100% 47%), oklch(0.447 0.287 264.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Blue Overdose color name →
#0020EF
oklch(0.447 0.287 264.2)
색상 변환
- HEX
- #0020ef
- RGB
- rgb(0 32 239)
- HSL
- hsl(232 100% 47%)
- HWB
- hwb(232 0% 6%)
- OKLCH
- oklch(0.447 0.287 264.2)
- OKLab
- oklab(0.447 -0.029 -0.286)
- CIE Lab
- lab(30.08 57.15 -102.16)
- LCH
- lch(30.08 117.06 299.2)
- CMYK
- cmyk(100% 87% 0% 6%)
틴트 · 셰이드 · 톤
틴트
- 1048F3
- 2A63F7
- 447AFB
- 5E8FFD
- 78A3FF
- 92B6FF
- ACC9FF
- C8DBFF
- E3EDFF
셰이드
- 001AD0
- 0015B1
- 000F94
- 000A78
- 00065C
- 000342
- 00012A
- 000014
- 000003
톤
- 0638E5
- 1447DB
- 2353D1
- 315DC6
- 3E65BC
- 4C6CB1
- 5972A5
- 66779A
- 737C8D
색 조화
보색 +180°
- 0020EF
Blue Overdose
- 6C4F00
≈ Antique Bronze
유사색 -30° +30°
- 0020EF
Blue Overdose
- 005C80
≈ Royal Blood
- 6500CB
≈ Trusted Purple
삼각 배색 +120° +240°
- 0020EF
Blue Overdose
- A1001A
≈ Dear Darling
- 006712
≈ Nature’s Masterpiece
분열 보색 +150° +210°
- 0020EF
Blue Overdose
- 824000
≈ Hazelnut Chocolate
- 545A00
≈ Greensboro
사각 배색 +90° +180° +270°
- 0020EF
Blue Overdose
- 99005B
≈ Strong Cerise
- 6C4F00
≈ Antique Bronze
- 006351
≈ Piney Lake
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.56:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.45:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 8.56:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--blue-overdose: #0020ef;
--blue-overdose-rgb: 0 32 239;
--blue-overdose-oklch: oklch(0.447 0.287 264.2);
}
.element {
color: var(--blue-overdose);
background-color: hsl(232 100% 47%);
border-color: oklch(0.447 0.287 264.2);
}Tailwind CSS v4
@theme {
--color-blue-overdose: #0020ef;
--color-blue-overdose-50: #cff4ff;
--color-blue-overdose-100: #bbe5ff;
--color-blue-overdose-200: #9bceff;
--color-blue-overdose-300: #72abff;
--color-blue-overdose-400: #438bff;
--color-blue-overdose-500: #1b63ff;
--color-blue-overdose-600: #1855ff;
--color-blue-overdose-700: #1245d8;
--color-blue-overdose-800: #0033a3;
--color-blue-overdose-900: #002374;
--color-blue-overdose-950: #000f52;
}SCSS
$blue-overdose: #0020ef;
$blue-overdose-rgb: 0, 32, 239;
$blue-overdose-light: mix(#fff, $blue-overdose, 20%);
$blue-overdose-dark: mix(#000, $blue-overdose, 20%);
.element {
color: $blue-overdose;
box-shadow: 0 0 0 2px rgba($blue-overdose, 0.35);
}