이름 색상 · #00589B
Parachuting
Parachuting은(는) #00589B: rgb(0 88 155), hsl(206 100% 30%), oklch(0.454 0.13 250.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Parachuting color name →
#00589B
oklch(0.454 0.13 250.4)
색상 변환
- HEX
- #00589b
- RGB
- rgb(0 88 155)
- HSL
- hsl(206 100% 30%)
- HWB
- hwb(206 0% 39%)
- OKLCH
- oklch(0.454 0.13 250.4)
- OKLab
- oklab(0.454 -0.044 -0.122)
- CIE Lab
- lab(35.95 -1.86 -43.59)
- LCH
- lch(35.95 43.63 267.6)
- CMYK
- cmyk(100% 43% 0% 39%)
틴트 · 셰이드 · 톤
틴트
- 2869A6
- 4279B0
- 5A89BB
- 719AC5
- 88AACF
- A0BBD9
- B7CCE2
- CFDDEC
- E7EEF6
셰이드
- 004B86
- 003F72
- 00335E
- 00284B
- 001D39
- 001228
- 000918
- 000309
- 000001
톤
- 1B5D99
- 2B6197
- 376694
- 436A92
- 4E6E8F
- 58728D
- 63758A
- 6C7987
- 767D84
색 조화
보색 +180°
- 00589B
Parachuting
- 784B00
≈ Lucky Brown
유사색 -30° +30°
- 00589B
Parachuting
- 006176
≈ Ocean Radiance
- 4B4A9C
≈ Liberty
삼각 배색 +120° +240°
- 00589B
Parachuting
- 8F3045
≈ Tibetan Red
- 3E6300
≈ Rainforest Matcha
분열 보색 +150° +210°
- 00589B
Parachuting
- 8F3610
≈ Citrine Brown
- 635700
≈ Ayahuasca Vine
사각 배색 +90° +180° +270°
- 00589B
Parachuting
- 83346C
≈ Violet Vixen
- 784B00
≈ Lucky Brown
- 006743
≈ Greens
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.31:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.86:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.31:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--parachuting: #00589b;
--parachuting-rgb: 0 88 155;
--parachuting-oklch: oklch(0.454 0.13 250.4);
}
.element {
color: var(--parachuting);
background-color: hsl(206 100% 30%);
border-color: oklch(0.454 0.13 250.4);
}Tailwind CSS v4
@theme {
--color-parachuting: #00589b;
--color-parachuting-50: #dbf8ff;
--color-parachuting-100: #c9ebff;
--color-parachuting-200: #add8ff;
--color-parachuting-300: #86bcf8;
--color-parachuting-400: #5fa3e8;
--color-parachuting-500: #378ad8;
--color-parachuting-600: #3075b6;
--color-parachuting-700: #265d93;
--color-parachuting-800: #17456d;
--color-parachuting-900: #0f304d;
--color-parachuting-950: #021c33;
}SCSS
$parachuting: #00589b;
$parachuting-rgb: 0, 88, 155;
$parachuting-light: mix(#fff, $parachuting, 20%);
$parachuting-dark: mix(#000, $parachuting, 20%);
.element {
color: $parachuting;
box-shadow: 0 0 0 2px rgba($parachuting, 0.35);
}