이름 색상 · #110033
Black Htun
Black Htun은(는) #110033: rgb(17 0 51), hsl(260 100% 10%), oklch(0.166 0.094 289.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Black Htun color name →
#110033
oklch(0.166 0.094 289.4)
색상 변환
- HEX
- #110033
- RGB
- rgb(17 0 51)
- HSL
- hsl(260 100% 10%)
- HWB
- hwb(260 0% 80%)
- OKLCH
- oklch(0.166 0.094 289.4)
- OKLab
- oklab(0.166 0.031 -0.089)
- CIE Lab
- lab(2.94 16.32 -28.61)
- LCH
- lch(2.94 32.94 299.7)
- CMYK
- cmyk(67% 100% 0% 80%)
틴트 · 셰이드 · 톤
틴트
- 221746
- 362E5A
- 4B466E
- 625E82
- 7A7796
- 9391AA
- ADABBF
- C8C7D4
- E3E2E9
셰이드
- 0D002B
- 090023
- 06001C
- 040014
- 02000D
- 010007
- 000003
- 000001
- 000000
톤
- 190C3B
- 221A43
- 2C264B
- 373353
- 423F5B
- 4E4C62
- 5A586A
- 666571
- 737379
색 조화
보색 +180°
- 110033
Black Htun
- 101000
≈ Chinese Black
유사색 -30° +30°
- 110033
Black Htun
- 000C2A
≈ Mysterious Depths
- 1C0023
≈ Black Sabbath
삼각 배색 +120° +240°
- 110033
Black Htun
- 1D0700
≈ Soy Sauce
- 00130C
≈ Jedi Night
분열 보색 +150° +210°
- 110033
Black Htun
- 160C00
≈ Balsamico
- 021300
≈ Downwell
사각 배색 +90° +180° +270°
- 110033
Black Htun
- 240004
≈ Ponzu Brown
- 101000
≈ Chinese Black
- 001213
≈ Black Glaze
대비 및 접근성
Ag
AAA흰색 위
WCAG 19.59:1 · APCA Lc 105
Ag
Fail검은색 위
WCAG 1.07:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 19.59:1 (AAA) · APCA Lc 105
Contrast pairs
코드 스니펫
CSS
:root {
--black-htun: #110033;
--black-htun-rgb: 17 0 51;
--black-htun-oklch: oklch(0.166 0.094 289.4);
}
.element {
color: var(--black-htun);
background-color: hsl(260 100% 10%);
border-color: oklch(0.166 0.094 289.4);
}Tailwind CSS v4
@theme {
--color-black-htun: #110033;
--color-black-htun-50: #f5f1ff;
--color-black-htun-100: #e8e3ff;
--color-black-htun-200: #d4cefa;
--color-black-htun-300: #b7afe4;
--color-black-htun-400: #9d95d3;
--color-black-htun-500: #857bc0;
--color-black-htun-600: #7068a2;
--color-black-htun-700: #5a5382;
--color-black-htun-800: #403d61;
--color-black-htun-900: #2c2a44;
--color-black-htun-950: #1a172c;
}SCSS
$black-htun: #110033;
$black-htun-rgb: 17, 0, 51;
$black-htun-light: mix(#fff, $black-htun, 20%);
$black-htun-dark: mix(#000, $black-htun, 20%);
.element {
color: $black-htun;
box-shadow: 0 0 0 2px rgba($black-htun, 0.35);
}