이름 색상 · #3E5580
Deep Azure
Deep Azure은(는) #3E5580: rgb(62 85 128), hsl(219 35% 37%), oklch(0.451 0.076 262.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Deep Azure color name →
#3E5580
oklch(0.451 0.076 262.3)
색상 변환
- HEX
- #3e5580
- RGB
- rgb(62 85 128)
- HSL
- hsl(219 35% 37%)
- HWB
- hwb(219 24% 50%)
- OKLCH
- oklch(0.451 0.076 262.3)
- OKLab
- oklab(0.451 -0.01 -0.076)
- CIE Lab
- lab(35.78 0.97 -27.36)
- LCH
- lch(35.78 27.38 272)
- CMYK
- cmyk(52% 34% 0% 50%)
틴트 · 셰이드 · 톤
틴트
- 4F658D
- 617599
- 7485A6
- 8696B2
- 99A7BF
- ADB8CC
- C1C9D8
- D5DBE5
- EAEDF2
셰이드
- 35496E
- 2B3D5D
- 23314D
- 1A263D
- 121C2E
- 0A111F
- 040812
- 010206
- 000001
톤
- 445980
- 4B5E81
- 516281
- 586781
- 5F6B81
- 656F81
- 6C7381
- 737881
- 797C80
색 조화
보색 +180°
- 3E5580
Deep Azure
- 6A511D
≈ Field Drab
유사색 -30° +30°
- 3E5580
Deep Azure
- 205C79
≈ Nautical Creatures
- 574D7C
≈ Saffron Crocus
삼각 배색 +120° +240°
- 3E5580
Deep Azure
- 7A4342
≈ Cinnamon Cherry
- 3C6038
≈ Verde Garrafa
분열 보색 +150° +210°
- 3E5580
Deep Azure
- 77492B
≈ Cape Palliser
- 565A23
≈ Saratoga
사각 배색 +90° +180° +270°
- 3E5580
Deep Azure
- 76435A
≈ Deep Carmine
- 6A511D
≈ Field Drab
- 1B6351
≈ Embracing
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.45:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.81:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.45:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--deep-azure: #3e5580;
--deep-azure-rgb: 62 85 128;
--deep-azure-oklch: oklch(0.451 0.076 262.3);
}
.element {
color: var(--deep-azure);
background-color: hsl(219 35% 37%);
border-color: oklch(0.451 0.076 262.3);
}Tailwind CSS v4
@theme {
--color-deep-azure: #3e5580;
--color-deep-azure-50: #eaf6ff;
--color-deep-azure-100: #dbe8ff;
--color-deep-azure-200: #c4d5f6;
--color-deep-azure-300: #a4b8df;
--color-deep-azure-400: #869fcc;
--color-deep-azure-500: #6b86b9;
--color-deep-azure-600: #5a729c;
--color-deep-azure-700: #485b7d;
--color-deep-azure-800: #33435d;
--color-deep-azure-900: #232e41;
--color-deep-azure-950: #121b2a;
}SCSS
$deep-azure: #3e5580;
$deep-azure-rgb: 62, 85, 128;
$deep-azure-light: mix(#fff, $deep-azure, 20%);
$deep-azure-dark: mix(#000, $deep-azure, 20%);
.element {
color: $deep-azure;
box-shadow: 0 0 0 2px rgba($deep-azure, 0.35);
}