이름 색상 · #005B87
Impulse
Impulse은(는) #005B87: rgb(0 91 135), hsl(200 100% 26%), oklch(0.449 0.102 239.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Impulse color name →
#005B87
oklch(0.449 0.102 239.5)
색상 변환
- HEX
- #005b87
- RGB
- rgb(0 91 135)
- HSL
- hsl(200 100% 26%)
- HWB
- hwb(200 0% 47%)
- OKLCH
- oklch(0.449 0.102 239.5)
- OKLab
- oklab(0.449 -0.052 -0.088)
- CIE Lab
- lab(35.92 -10.42 -31.58)
- LCH
- lch(35.92 33.25 251.7)
- CMYK
- cmyk(100% 33% 0% 47%)
틴트 · 셰이드 · 톤
틴트
- 296B93
- 437B9F
- 5B8BAB
- 729BB7
- 89ABC3
- A0BBCF
- B8CCDB
- CFDDE7
- E7EEF3
셰이드
- 004E75
- 004163
- 003551
- 002941
- 001E31
- 001321
- 000913
- 000306
- 000001
톤
- 1C5F87
- 2B6386
- 386786
- 446B85
- 4F6F85
- 597284
- 637683
- 6D7982
- 767D81
색 조화
보색 +180°
- 005B87
Impulse
- 7D4508
≈ Ancient Planks
유사색 -30° +30°
- 005B87
Impulse
- 00606C
≈ Petrol
- 3E518D
≈ Demon Blue
삼각 배색 +120° +240°
- 005B87
Impulse
- 813A53
≈ Camelot
- 4F5C08
≈ Kyuri Green
분열 보색 +150° +210°
- 005B87
Impulse
- 843C32
≈ Boxcar
- 695200
≈ Ayahuasca Vine
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.37:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.84:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.37:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--impulse: #005b87;
--impulse-rgb: 0 91 135;
--impulse-oklch: oklch(0.449 0.102 239.5);
}
.element {
color: var(--impulse);
background-color: hsl(200 100% 26%);
border-color: oklch(0.449 0.102 239.5);
}Tailwind CSS v4
@theme {
--color-impulse: #005b87;
--color-impulse-50: #dcfaff;
--color-impulse-100: #cbedff;
--color-impulse-200: #aedbfc;
--color-impulse-300: #88bee7;
--color-impulse-400: #62a7d4;
--color-impulse-500: #3b8ec2;
--color-impulse-600: #3379a4;
--color-impulse-700: #296184;
--color-impulse-800: #1a4761;
--color-impulse-900: #113144;
--color-impulse-950: #031d2c;
}SCSS
$impulse: #005b87;
$impulse-rgb: 0, 91, 135;
$impulse-light: mix(#fff, $impulse, 20%);
$impulse-dark: mix(#000, $impulse, 20%);
.element {
color: $impulse;
box-shadow: 0 0 0 2px rgba($impulse, 0.35);
}