가장 가까운 이름 색상 · #43195D
#43195D
가장 가까운 이름 색상: Fading Horizon
#43195D(rgb(67 25 93), hsl(277 58% 23%), oklch(0.314 0.118 309.5))와 가장 가까운 이름 색상은 Fading Horizon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#43195D
oklch(0.314 0.118 309.5)
색상 변환
- HEX
- #43195d
- RGB
- rgb(67 25 93)
- HSL
- hsl(277 58% 23%)
- HWB
- hwb(277 10% 64%)
- OKLCH
- oklch(0.314 0.118 309.5)
- OKLab
- oklab(0.314 0.075 -0.091)
- CIE Lab
- lab(18.41 30.21 -32.52)
- LCH
- lch(18.41 44.38 312.9)
- CMYK
- cmyk(28% 73% 0% 64%)
틴트 · 셰이드 · 톤
틴트
- 54306D
- 65457D
- 775B8D
- 89719D
- 9C88AD
- AF9FBD
- C3B6CD
- D6CEDE
- EBE6EE
셰이드
- 391450
- 2F1043
- 260B37
- 1D072A
- 14041F
- 0C0214
- 05010A
- 010003
- 000000
톤
- 492561
- 4F3065
- 553A69
- 5B446D
- 614E70
- 675874
- 6D6277
- 746C7A
- 7A767D
색 조화
보색 +180°
- 43195D
Fading Horizon
- 233900
≈ Melancholia
유사색 -30° +30°
- 43195D
Fading Horizon
- 28246B
≈ After Work Blue
- 550E44
≈ Royal Ash
삼각 배색 +120° +240°
- 43195D
Fading Horizon
- 472A00
≈ Stirland Mud
- 003A37
≈ Night Turquoise
분열 보색 +150° +210°
- 43195D
Fading Horizon
- 393100
≈ Hidden Passage
- 003C24
≈ Off-Road Green
사각 배색 +90° +180° +270°
- 43195D
Fading Horizon
- 581900
≈ Baragon Brown
- 233900
≈ Melancholia
- 003845
≈ Natural Indigo
대비 및 접근성
Ag
AAA흰색 위
WCAG 13.67:1 · APCA Lc 100
Ag
Fail검은색 위
WCAG 1.53:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 13.67:1 (AAA) · APCA Lc 100
Contrast pairs
코드 스니펫
CSS
:root {
--fading-horizon: #43195d;
--fading-horizon-rgb: 67 25 93;
--fading-horizon-oklch: oklch(0.314 0.118 309.5);
}
.element {
color: var(--fading-horizon);
background-color: hsl(277 58% 23%);
border-color: oklch(0.314 0.118 309.5);
}Tailwind CSS v4
@theme {
--color-fading-horizon: #43195d;
--color-fading-horizon-50: #ffecff;
--color-fading-horizon-100: #f5ddff;
--color-fading-horizon-200: #e5c6fa;
--color-fading-horizon-300: #cba6e4;
--color-fading-horizon-400: #b38ad3;
--color-fading-horizon-500: #9e6ec1;
--color-fading-horizon-600: #855ea3;
--color-fading-horizon-700: #6b4b83;
--color-fading-horizon-800: #4d3662;
--color-fading-horizon-900: #362545;
--color-fading-horizon-950: #21132c;
}SCSS
$fading-horizon: #43195d;
$fading-horizon-rgb: 67, 25, 93;
$fading-horizon-light: mix(#fff, $fading-horizon, 20%);
$fading-horizon-dark: mix(#000, $fading-horizon, 20%);
.element {
color: $fading-horizon;
box-shadow: 0 0 0 2px rgba($fading-horizon, 0.35);
}