가장 가까운 이름 색상 · #1F6EA4
#1F6EA4
가장 가까운 이름 색상: Cloisonné
#1F6EA4(rgb(31 110 164), hsl(204 68% 38%), oklch(0.518 0.113 243.8))와 가장 가까운 이름 색상은 Cloisonné입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#1F6EA4
oklch(0.518 0.113 243.8)
색상 변환
- HEX
- #1f6ea4
- RGB
- rgb(31 110 164)
- HSL
- hsl(204 68% 38%)
- HWB
- hwb(204 12% 36%)
- OKLCH
- oklch(0.518 0.113 243.8)
- OKLab
- oklab(0.518 -0.05 -0.101)
- CIE Lab
- lab(43.85 -8.93 -36.39)
- LCH
- lch(43.85 37.47 256.2)
- CMYK
- cmyk(81% 33% 0% 36%)
틴트 · 셰이드 · 톤
틴트
- 3B7CAD
- 528AB7
- 6899C0
- 7DA7C9
- 93B6D3
- A8C4DC
- BED3E5
- D3E1ED
- E9F0F6
셰이드
- 195F8E
- 145079
- 0F4164
- 0A3350
- 06263D
- 03192B
- 010E1A
- 00040A
- 000101
톤
- 2E70A1
- 3A729E
- 45749A
- 4E7697
- 577893
- 607A90
- 687C8C
- 707D88
- 787F84
색 조화
보색 +180°
- 1F6EA4
Cloisonné
- 95580D
≈ Sepia Wash
유사색 -30° +30°
- 1F6EA4
Cloisonné
- 007588
≈ Glamour Green
- 5562A9
≈ Submarine Base
삼각 배색 +120° +240°
- 1F6EA4
Cloisonné
- 9C4961
≈ Baby Berries
- 5B731E
≈ Fern Frond
분열 보색 +150° +210°
- 1F6EA4
Cloisonné
- 9F4D3B
≈ Boynton Canyon
- 7D6600
≈ Arousing Alligator
사각 배색 +90° +180° +270°
- 1F6EA4
Cloisonné
- 8E4D83
≈ Razzmic Berry
- 95580D
≈ Sepia Wash
- 257B49
≈ Salem
대비 및 접근성
Ag
AA흰색 위
WCAG 5.49:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.82:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.49:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--cloisonne: #1f6ea4;
--cloisonne-rgb: 31 110 164;
--cloisonne-oklch: oklch(0.518 0.113 243.8);
}
.element {
color: var(--cloisonne);
background-color: hsl(204 68% 38%);
border-color: oklch(0.518 0.113 243.8);
}Tailwind CSS v4
@theme {
--color-cloisonne: #1f6ea4;
--color-cloisonne-50: #dcf9ff;
--color-cloisonne-100: #caedff;
--color-cloisonne-200: #addaff;
--color-cloisonne-300: #87beee;
--color-cloisonne-400: #60a6dc;
--color-cloisonne-500: #378dcb;
--color-cloisonne-600: #3177ab;
--color-cloisonne-700: #276089;
--color-cloisonne-800: #184666;
--color-cloisonne-900: #0f3147;
--color-cloisonne-950: #021d2f;
}SCSS
$cloisonne: #1f6ea4;
$cloisonne-rgb: 31, 110, 164;
$cloisonne-light: mix(#fff, $cloisonne, 20%);
$cloisonne-dark: mix(#000, $cloisonne, 20%);
.element {
color: $cloisonne;
box-shadow: 0 0 0 2px rgba($cloisonne, 0.35);
}