이름 색상 · #384172
Lviv Blue
Lviv Blue은(는) #384172: rgb(56 65 114), hsl(231 34% 33%), oklch(0.392 0.084 274.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Lviv Blue color name →
#384172
oklch(0.392 0.084 274.1)
색상 변환
- HEX
- #384172
- RGB
- rgb(56 65 114)
- HSL
- hsl(231 34% 33%)
- HWB
- hwb(231 22% 55%)
- OKLCH
- oklch(0.392 0.084 274.1)
- OKLab
- oklab(0.392 0.006 -0.083)
- CIE Lab
- lab(28.62 7.66 -29.93)
- LCH
- lch(28.62 30.9 284.3)
- CMYK
- cmyk(51% 43% 0% 55%)
틴트 · 셰이드 · 톤
틴트
- 495380
- 5B648E
- 6E769C
- 8189AA
- 959CB8
- A9AFC6
- BEC3D4
- D3D6E2
- E9EBF1
셰이드
- 2F3762
- 272E53
- 1F2544
- 171C36
- 0F1328
- 080B1B
- 04050E
- 010104
- 000001
톤
- 3F4774
- 454E76
- 4C5477
- 535A79
- 5A617A
- 62677C
- 696D7D
- 71737E
- 787A7F
색 조화
보색 +180°
- 384172
Lviv Blue
- 544400
≈ Sugarloaf Brown
유사색 -30° +30°
- 384172
Lviv Blue
- 14496F
≈ Hopi Blue Corn
- 4F396A
≈ Succinct Violet
삼각 배색 +120° +240°
- 384172
Lviv Blue
- 6B3326
≈ Root Brown
- 175230
≈ Permanent Green
분열 보색 +150° +210°
- 384172
Lviv Blue
- 643A08
≈ Brown
- 3C4D13
≈ Godzilla
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.68:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.16:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 9.68:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--lviv-blue: #384172;
--lviv-blue-rgb: 56 65 114;
--lviv-blue-oklch: oklch(0.392 0.084 274.1);
}
.element {
color: var(--lviv-blue);
background-color: hsl(231 34% 33%);
border-color: oklch(0.392 0.084 274.1);
}Tailwind CSS v4
@theme {
--color-lviv-blue: #384172;
--color-lviv-blue-50: #eef4ff;
--color-lviv-blue-100: #e0e6ff;
--color-lviv-blue-200: #cad2f9;
--color-lviv-blue-300: #abb4e3;
--color-lviv-blue-400: #8f9bd0;
--color-lviv-blue-500: #7582be;
--color-lviv-blue-600: #636ea0;
--color-lviv-blue-700: #4f5881;
--color-lviv-blue-800: #384160;
--color-lviv-blue-900: #262c43;
--color-lviv-blue-950: #15192b;
}SCSS
$lviv-blue: #384172;
$lviv-blue-rgb: 56, 65, 114;
$lviv-blue-light: mix(#fff, $lviv-blue, 20%);
$lviv-blue-dark: mix(#000, $lviv-blue, 20%);
.element {
color: $lviv-blue;
box-shadow: 0 0 0 2px rgba($lviv-blue, 0.35);
}