이름 색상 · #191970
20000 Leagues Under the Sea
20000 Leagues Under the Sea은(는) #191970: rgb(25 25 112), hsl(240 64% 27%), oklch(0.288 0.144 272.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · 20000 Leagues Under the Sea color name →
#191970
oklch(0.288 0.144 272.8)
색상 변환
- HEX
- #191970
- RGB
- rgb(25 25 112)
- HSL
- hsl(240 64% 27%)
- HWB
- hwb(240 10% 56%)
- OKLCH
- oklch(0.288 0.144 272.8)
- OKLab
- oklab(0.288 0.007 -0.143)
- CIE Lab
- lab(14.93 25.96 -50.9)
- LCH
- lch(14.93 57.14 297)
- CMYK
- cmyk(78% 78% 0% 56%)
틴트 · 셰이드 · 톤
틴트
- 29327F
- 3C498E
- 515F9D
- 6775AB
- 7E8BBA
- 97A1C8
- B0B8D6
- CACFE4
- E4E7F1
셰이드
- 141460
- 101051
- 0B0B43
- 070735
- 040427
- 02021A
- 01010E
- 000004
- 000001
톤
- 202773
- 283275
- 323D78
- 3C477A
- 46517B
- 515A7D
- 5C647E
- 686D7F
- 747780
색 조화
보색 +180°
- 191970
20000 Leagues Under the Sea
- 352A00
≈ Secret Passage
유사색 -30° +30°
- 191970
20000 Leagues Under the Sea
- 002E4A
≈ Royal Blue Metallic
- 3A0663
≈ Wicked Purple
삼각 배색 +120° +240°
- 191970
20000 Leagues Under the Sea
- 540A00
≈ Burned
- 003518
≈ Haunted Hills
분열 보색 +150° +210°
- 191970
20000 Leagues Under the Sea
- 412200
≈ Blackened Brown
- 253000
≈ Blind Forest
사각 배색 +90° +180° +270°
- 191970
20000 Leagues Under the Sea
- 540025
≈ Fig Balsamic
- 352A00
≈ Secret Passage
- 00332D
≈ Fence Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 14.84:1 · APCA Lc 101
Ag
Fail검은색 위
WCAG 1.41:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 14.84:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--color-20000-leagues-under-the-sea: #191970;
--color-20000-leagues-under-the-sea-rgb: 25 25 112;
--color-20000-leagues-under-the-sea-oklch: oklch(0.288 0.144 272.8);
}
.element {
color: var(--color-20000-leagues-under-the-sea);
background-color: hsl(240 64% 27%);
border-color: oklch(0.288 0.144 272.8);
}Tailwind CSS v4
@theme {
--color-color-20000-leagues-under-the-sea: #191970;
--color-color-20000-leagues-under-the-sea-50: #e8f3ff;
--color-color-20000-leagues-under-the-sea-100: #d9e5ff;
--color-color-20000-leagues-under-the-sea-200: #c2d0ff;
--color-color-20000-leagues-under-the-sea-300: #a2b1ff;
--color-color-20000-leagues-under-the-sea-400: #8297f3;
--color-color-20000-leagues-under-the-sea-500: #687ce4;
--color-color-20000-leagues-under-the-sea-600: #5869c0;
--color-color-20000-leagues-under-the-sea-700: #46549b;
--color-color-20000-leagues-under-the-sea-800: #303e74;
--color-color-20000-leagues-under-the-sea-900: #212b52;
--color-color-20000-leagues-under-the-sea-950: #101837;
}SCSS
$color-20000-leagues-under-the-sea: #191970;
$color-20000-leagues-under-the-sea-rgb: 25, 25, 112;
$color-20000-leagues-under-the-sea-light: mix(#fff, $color-20000-leagues-under-the-sea, 20%);
$color-20000-leagues-under-the-sea-dark: mix(#000, $color-20000-leagues-under-the-sea, 20%);
.element {
color: $color-20000-leagues-under-the-sea;
box-shadow: 0 0 0 2px rgba($color-20000-leagues-under-the-sea, 0.35);
}