Benannte Farbe · #110033
Black Htun
Black Htun ist #110033: rgb(17 0 51), hsl(260 100% 10%), oklch(0.166 0.094 289.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Black Htun color name →
#110033
oklch(0.166 0.094 289.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 221746
- 362E5A
- 4B466E
- 625E82
- 7A7796
- 9391AA
- ADABBF
- C8C7D4
- E3E2E9
Shades
- 0D002B
- 090023
- 06001C
- 040014
- 02000D
- 010007
- 000003
- 000001
- 000000
Tones
- 190C3B
- 221A43
- 2C264B
- 373353
- 423F5B
- 4E4C62
- 5A586A
- 666571
- 737379
Farbharmonien
Komplementär +180°
- 110033
Black Htun
- 101000
≈ Chinese Black
Analog -30° +30°
- 110033
Black Htun
- 000C2A
≈ Mysterious Depths
- 1C0023
≈ Black Sabbath
Triadisch +120° +240°
- 110033
Black Htun
- 1D0700
≈ Soy Sauce
- 00130C
≈ Jedi Night
Geteilt komplementär +150° +210°
- 110033
Black Htun
- 160C00
≈ Balsamico
- 021300
≈ Downwell
Tetradisch +90° +180° +270°
- 110033
Black Htun
- 240004
≈ Ponzu Brown
- 101000
≈ Chinese Black
- 001213
≈ Black Glaze
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 19.59:1 · APCA Lc 105
Ag
FailAuf Schwarz
WCAG 1.07:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 19.59:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
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);
}