이름 색상 · #0182CC
Lvivian Rain
Lvivian Rain은(는) #0182CC: rgb(1 130 204), hsl(202 99% 40%), oklch(0.586 0.146 244.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Lvivian Rain color name →
#0182CC
oklch(0.586 0.146 244.8)
색상 변환
- HEX
- #0182cc
- RGB
- rgb(1 130 204)
- HSL
- hsl(202 99% 40%)
- HWB
- hwb(202 0% 20%)
- OKLCH
- oklch(0.586 0.146 244.8)
- OKLab
- oklab(0.586 -0.062 -0.133)
- CIE Lab
- lab(51.46 -9.06 -47.44)
- LCH
- lch(51.46 48.29 259.2)
- CMYK
- cmyk(100% 36% 0% 20%)
틴트 · 셰이드 · 톤
틴트
- 348FD2
- 509CD8
- 68A8DD
- 7EB5E3
- 94C1E8
- A9CEED
- BFDAF2
- D4E6F6
- EAF3FB
셰이드
- 0170B1
- 015F97
- 004E7E
- 003E65
- 002F4E
- 002037
- 001222
- 00060F
- 000102
톤
- 2482C5
- 3683BD
- 4383B6
- 4E83AF
- 5883A7
- 61839F
- 698298
- 718290
- 798188
색 조화
보색 +180°
- 0182CC
Lvivian Rain
- B06800
≈ Ginger
유사색 -30° +30°
- 0182CC
Lvivian Rain
- 008BA2
≈ Parrot Flight
- 6472D2
≈ C64 Purple
삼각 배색 +120° +240°
- 0182CC
Lvivian Rain
- C05071
≈ Vibrant Red
- 698A01
≈ Italian Buckthorn
분열 보색 +150° +210°
- 0182CC
Lvivian Rain
- C3563B
≈ Summer Fig
- 937A00
≈ Moscow Papyrus
사각 배색 +90° +180° +270°
- 0182CC
Lvivian Rain
- AF569E
≈ Magenta Memoir
- B06800
≈ Ginger
- 009453
≈ Emerald Isle
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.14:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.06:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.06:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--lvivian-rain: #0182cc;
--lvivian-rain-rgb: 1 130 204;
--lvivian-rain-oklch: oklch(0.586 0.146 244.8);
}
.element {
color: var(--lvivian-rain);
background-color: hsl(202 99% 40%);
border-color: oklch(0.586 0.146 244.8);
}Tailwind CSS v4
@theme {
--color-lvivian-rain: #0182cc;
--color-lvivian-rain-50: #d4faff;
--color-lvivian-rain-100: #c1edff;
--color-lvivian-rain-200: #a1dbff;
--color-lvivian-rain-300: #76befe;
--color-lvivian-rain-400: #46a6ee;
--color-lvivian-rain-500: #008ddf;
--color-lvivian-rain-600: #0077bc;
--color-lvivian-rain-700: #015f97;
--color-lvivian-rain-800: #004670;
--color-lvivian-rain-900: #00314f;
--color-lvivian-rain-950: #001d35;
}SCSS
$lvivian-rain: #0182cc;
$lvivian-rain-rgb: 1, 130, 204;
$lvivian-rain-light: mix(#fff, $lvivian-rain, 20%);
$lvivian-rain-dark: mix(#000, $lvivian-rain, 20%);
.element {
color: $lvivian-rain;
box-shadow: 0 0 0 2px rgba($lvivian-rain, 0.35);
}