이름 색상 · #000022
Hadopelagic Water
Hadopelagic Water은(는) #000022: rgb(0 0 34), hsl(240 100% 7%), oklch(0.114 0.079 264.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Hadopelagic Water color name →
#000022
oklch(0.114 0.079 264.1)
색상 변환
- HEX
- #000022
- RGB
- rgb(0 0 34)
- HSL
- hsl(240 100% 7%)
- HWB
- hwb(240 0% 87%)
- OKLCH
- oklch(0.114 0.079 264.1)
- OKLab
- oklab(0.114 -0.008 -0.078)
- CIE Lab
- lab(0.88 5.47 -18.93)
- LCH
- lch(0.88 19.7 286.1)
- CMYK
- cmyk(100% 100% 0% 87%)
틴트 · 셰이드 · 톤
틴트
- 061436
- 1B2A4B
- 334260
- 4D5A75
- 68748B
- 848EA2
- A1A9B8
- C0C5D0
- DFE2E7
셰이드
- 00001C
- 000016
- 000011
- 00000B
- 000007
- 000003
- 000001
- 000000
- 000000
톤
- 010A2C
- 091635
- 16233F
- 242F48
- 323C51
- 40495B
- 505764
- 5F646D
- 6F7277
색 조화
보색 +180°
- 000022
Hadopelagic Water
- 080400
≈ Liquorice
유사색 -30° +30°
- 000022
Hadopelagic Water
- 00060C
≈ Eight Ball
- 070019
≈ Midnight Jam
삼각 배색 +120° +240°
- 000022
Hadopelagic Water
- 120001
≈ Dark Matter
- 000700
≈ Melanous
분열 보색 +150° +210°
- 000022
Hadopelagic Water
- 0C0300
≈ Liquorice
- 050600
≈ Liquorice
사각 배색 +90° +180° +270°
- 000022
Hadopelagic Water
- 100006
≈ Dark Matter
- 080400
≈ Liquorice
- 000704
≈ Black Metal
대비 및 접근성
Ag
AAA흰색 위
WCAG 20.52:1 · APCA Lc 106
Ag
Fail검은색 위
WCAG 1.02:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 20.52:1 (AAA) · APCA Lc 106
Contrast pairs
코드 스니펫
CSS
:root {
--hadopelagic-water: #000022;
--hadopelagic-water-rgb: 0 0 34;
--hadopelagic-water-oklch: oklch(0.114 0.079 264.1);
}
.element {
color: var(--hadopelagic-water);
background-color: hsl(240 100% 7%);
border-color: oklch(0.114 0.079 264.1);
}Tailwind CSS v4
@theme {
--color-hadopelagic-water: #000022;
--color-hadopelagic-water-50: #ebf5ff;
--color-hadopelagic-water-100: #dce8ff;
--color-hadopelagic-water-200: #c4d4f7;
--color-hadopelagic-water-300: #a5b7e1;
--color-hadopelagic-water-400: #879ece;
--color-hadopelagic-water-500: #6b86bb;
--color-hadopelagic-water-600: #5b719e;
--color-hadopelagic-water-700: #495a7f;
--color-hadopelagic-water-800: #33425e;
--color-hadopelagic-water-900: #232e42;
--color-hadopelagic-water-950: #121b2a;
}SCSS
$hadopelagic-water: #000022;
$hadopelagic-water-rgb: 0, 0, 34;
$hadopelagic-water-light: mix(#fff, $hadopelagic-water, 20%);
$hadopelagic-water-dark: mix(#000, $hadopelagic-water, 20%);
.element {
color: $hadopelagic-water;
box-shadow: 0 0 0 2px rgba($hadopelagic-water, 0.35);
}