가장 가까운 이름 색상 · #2F59AA
#2F59AA
가장 가까운 이름 색상: Blasphemous Blue
#2F59AA(rgb(47 89 170), hsl(220 57% 43%), oklch(0.479 0.138 262))와 가장 가까운 이름 색상은 Blasphemous Blue입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2F59AA
oklch(0.479 0.138 262)
색상 변환
- HEX
- #2f59aa
- RGB
- rgb(47 89 170)
- HSL
- hsl(220 57% 43%)
- HWB
- hwb(220 18% 33%)
- OKLCH
- oklch(0.479 0.138 262)
- OKLab
- oklab(0.479 -0.019 -0.137)
- CIE Lab
- lab(38.25 7.45 -48.75)
- LCH
- lch(38.25 49.32 278.7)
- CMYK
- cmyk(72% 48% 0% 33%)
틴트 · 셰이드 · 톤
틴트
- 436AB3
- 567ABD
- 6A8AC6
- 7E9BCE
- 93ABD7
- A8BCDF
- BDCCE8
- D3DDF0
- E9EEF7
셰이드
- 274C93
- 20407D
- 193468
- 122853
- 0C1D3F
- 06132D
- 03091B
- 01030B
- 000001
톤
- 385EA6
- 4062A3
- 48679F
- 506B9B
- 586F97
- 607293
- 68768E
- 70798A
- 787D85
색 조화
보색 +180°
- 2F59AA
Blasphemous Blue
- 795700
≈ Qahvei Brown
유사색 -30° +30°
- 2F59AA
Blasphemous Blue
- 00668A
≈ Pulsating Blue
- 614AA3
≈ Ultrapurple Merge
삼각 배색 +120° +240°
- 2F59AA
Blasphemous Blue
- 9C3438
≈ Milano Red
- 236F1D
≈ Bogey Green
분열 보색 +150° +210°
- 2F59AA
Blasphemous Blue
- 914500
≈ Korichnewyi Brown
- 5F6200
≈ Kirchner Green
사각 배색 +90° +180° +270°
- 2F59AA
Blasphemous Blue
- 943565
≈ Powder Red
- 795700
≈ Qahvei Brown
- 006E57
≈ Teal Dark Green
대비 및 접근성
Ag
AA흰색 위
WCAG 6.70:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.13:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--blasphemous-blue: #2f59aa;
--blasphemous-blue-rgb: 47 89 170;
--blasphemous-blue-oklch: oklch(0.479 0.138 262);
}
.element {
color: var(--blasphemous-blue);
background-color: hsl(220 57% 43%);
border-color: oklch(0.479 0.138 262);
}Tailwind CSS v4
@theme {
--color-blasphemous-blue: #2f59aa;
--color-blasphemous-blue-50: #e1f6ff;
--color-blasphemous-blue-100: #d1e8ff;
--color-blasphemous-blue-200: #b6d4ff;
--color-blasphemous-blue-300: #93b7ff;
--color-blasphemous-blue-400: #719df0;
--color-blasphemous-blue-500: #5183e1;
--color-blasphemous-blue-600: #456fbe;
--color-blasphemous-blue-700: #375998;
--color-blasphemous-blue-800: #244172;
--color-blasphemous-blue-900: #182d50;
--color-blasphemous-blue-950: #091a35;
}SCSS
$blasphemous-blue: #2f59aa;
$blasphemous-blue-rgb: 47, 89, 170;
$blasphemous-blue-light: mix(#fff, $blasphemous-blue, 20%);
$blasphemous-blue-dark: mix(#000, $blasphemous-blue, 20%);
.element {
color: $blasphemous-blue;
box-shadow: 0 0 0 2px rgba($blasphemous-blue, 0.35);
}