이름 색상 · #1A5D72
Deep Blue Sea
Deep Blue Sea은(는) #1A5D72: rgb(26 93 114), hsl(194 63% 27%), oklch(0.447 0.073 223.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Deep Blue Sea color name →
#1A5D72
oklch(0.447 0.073 223.3)
색상 변환
- HEX
- #1a5d72
- RGB
- rgb(26 93 114)
- HSL
- hsl(194 63% 27%)
- HWB
- hwb(194 10% 55%)
- OKLCH
- oklch(0.447 0.073 223.3)
- OKLab
- oklab(0.447 -0.053 -0.05)
- CIE Lab
- lab(36.17 -15.56 -18.33)
- LCH
- lch(36.17 24.05 229.7)
- CMYK
- cmyk(77% 18% 0% 55%)
틴트 · 셰이드 · 톤
틴트
- 356C7F
- 4C7C8D
- 628B9B
- 789BA9
- 8EABB7
- A4BCC5
- BACCD3
- D1DDE2
- E8EEF0
셰이드
- 155062
- 104353
- 0C3744
- 072A36
- 041F28
- 02141B
- 010A0E
- 000304
- 000001
톤
- 296174
- 356475
- 3F6877
- 4A6B78
- 536F7A
- 5C727B
- 65767C
- 6E797E
- 777D7F
색 조화
보색 +180°
- 1A5D72
Deep Blue Sea
- 764632
≈ Old Cumin
유사색 -30° +30°
- 1A5D72
Deep Blue Sea
- 0D6160
≈ Emerald Stone
- 36567C
≈ Overtake
삼각 배색 +120° +240°
- 1A5D72
Deep Blue Sea
- 71445F
≈ Wizard Time
- 5C5621
≈ Reptile Revenge
분열 보색 +150° +210°
- 1A5D72
Deep Blue Sea
- 774349
≈ Stoic
- 6D4E22
≈ Wagon Train
사각 배색 +90° +180° +270°
- 1A5D72
Deep Blue Sea
- 634871
≈ Presley Purple
- 764632
≈ Old Cumin
- 445D32
≈ Woodman
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.36:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.85:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--deep-blue-sea: #1a5d72;
--deep-blue-sea-rgb: 26 93 114;
--deep-blue-sea-oklch: oklch(0.447 0.073 223.3);
}
.element {
color: var(--deep-blue-sea);
background-color: hsl(194 63% 27%);
border-color: oklch(0.447 0.073 223.3);
}Tailwind CSS v4
@theme {
--color-deep-blue-sea: #1a5d72;
--color-deep-blue-sea-50: #e0faff;
--color-deep-blue-sea-100: #cfeefb;
--color-deep-blue-sea-200: #b4dbec;
--color-deep-blue-sea-300: #8fc0d4;
--color-deep-blue-sea-400: #6da8be;
--color-deep-blue-sea-500: #4a91aa;
--color-deep-blue-sea-600: #407b8f;
--color-deep-blue-sea-700: #336273;
--color-deep-blue-sea-800: #234854;
--color-deep-blue-sea-900: #17323b;
--color-deep-blue-sea-950: #081e25;
}SCSS
$deep-blue-sea: #1a5d72;
$deep-blue-sea-rgb: 26, 93, 114;
$deep-blue-sea-light: mix(#fff, $deep-blue-sea, 20%);
$deep-blue-sea-dark: mix(#000, $deep-blue-sea, 20%);
.element {
color: $deep-blue-sea;
box-shadow: 0 0 0 2px rgba($deep-blue-sea, 0.35);
}