가장 가까운 이름 색상 · #282BAB
#282BAB
가장 가까운 이름 색상: Sapphire Splendour
#282BAB(rgb(40 43 171), hsl(239 62% 41%), oklch(0.389 0.196 271.7))와 가장 가까운 이름 색상은 Sapphire Splendour입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#282BAB
oklch(0.389 0.196 271.7)
색상 변환
- HEX
- #282bab
- RGB
- rgb(40 43 171)
- HSL
- hsl(239 62% 41%)
- HWB
- hwb(239 16% 33%)
- OKLCH
- oklch(0.389 0.196 271.7)
- OKLab
- oklab(0.389 0.006 -0.196)
- CIE Lab
- lab(25.78 35.06 -69.66)
- LCH
- lch(25.78 77.99 296.7)
- CMYK
- cmyk(77% 75% 0% 33%)
틴트 · 셰이드 · 톤
틴트
- 3745B5
- 485BBF
- 5C70C9
- 7185D2
- 8799DA
- 9EADE2
- B5C2EA
- CDD6F2
- E6EAF9
셰이드
- 212494
- 1B1D7E
- 151668
- 0F1054
- 090A40
- 04052D
- 02021B
- 01010B
- 000001
톤
- 2E38A8
- 3443A5
- 3C4DA1
- 45559D
- 4E5D99
- 586595
- 616C91
- 6B738B
- 767A86
색 조화
보색 +180°
- 282BAB
Sapphire Splendour
- 544300
≈ Sugarloaf Brown
유사색 -30° +30°
- 282BAB
Sapphire Splendour
- 004971
≈ Broadwater Blue
- 5B0D99
≈ Amarklor Violet
삼각 배색 +120° +240°
- 282BAB
Sapphire Splendour
- 821100
≈ Indian Red
- 005427
≈ Lemon Balm Green
분열 보색 +150° +210°
- 282BAB
Sapphire Splendour
- 663800
≈ Brown
- 3D4C00
≈ Godzilla
사각 배색 +90° +180° +270°
- 282BAB
Sapphire Splendour
- 81003F
≈ Wine
- 544300
≈ Sugarloaf Brown
- 005147
≈ Green Oblivion
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.37:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.02:1 · APCA Lc 9
가장 좋은 글자색: #FFFFFF
WCAG 10.37:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--sapphire-splendour: #282bab;
--sapphire-splendour-rgb: 40 43 171;
--sapphire-splendour-oklch: oklch(0.389 0.196 271.7);
}
.element {
color: var(--sapphire-splendour);
background-color: hsl(239 62% 41%);
border-color: oklch(0.389 0.196 271.7);
}Tailwind CSS v4
@theme {
--color-sapphire-splendour: #282bab;
--color-sapphire-splendour-50: #e3f2ff;
--color-sapphire-splendour-100: #d3e4ff;
--color-sapphire-splendour-200: #baceff;
--color-sapphire-splendour-300: #98aeff;
--color-sapphire-splendour-400: #7792ff;
--color-sapphire-splendour-500: #5c73ff;
--color-sapphire-splendour-600: #4e62dc;
--color-sapphire-splendour-700: #3e4fb1;
--color-sapphire-splendour-800: #293a85;
--color-sapphire-splendour-900: #1b285e;
--color-sapphire-splendour-950: #0c1541;
}SCSS
$sapphire-splendour: #282bab;
$sapphire-splendour-rgb: 40, 43, 171;
$sapphire-splendour-light: mix(#fff, $sapphire-splendour, 20%);
$sapphire-splendour-dark: mix(#000, $sapphire-splendour, 20%);
.element {
color: $sapphire-splendour;
box-shadow: 0 0 0 2px rgba($sapphire-splendour, 0.35);
}