Benannte Farbe · #0B474A
Incubi Darkness
Incubi Darkness ist #0B474A: rgb(11 71 74), hsl(183 74% 17%), oklch(0.364 0.057 200.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Incubi Darkness color name →
#0B474A
oklch(0.364 0.057 200.1)
Farbumrechnungen
- HEX
- #0b474a
- RGB
- rgb(11 71 74)
- HSL
- hsl(183 74% 17%)
- HWB
- hwb(183 4% 71%)
- OKLCH
- oklch(0.364 0.057 200.1)
- OKLab
- oklab(0.364 -0.054 -0.02)
- CIE Lab
- lab(26.75 -17.91 -7.41)
- LCH
- lch(26.75 19.38 202.5)
- CMYK
- cmyk(85% 4% 0% 71%)
Tints · Shades · Tones
Tints
- 28585A
- 40696B
- 577A7C
- 6E8C8E
- 859FA0
- 9DB1B2
- B5C4C5
- CDD7D8
- E6EBEB
Shades
- 083D3F
- 063235
- 04282A
- 021F20
- 011617
- 010D0E
- 000606
- 000202
- 000000
Tones
- 1D4D4F
- 2A5254
- 35585A
- 415E5F
- 4B6364
- 56696A
- 606F6F
- 6B7475
- 757A7A
Farbharmonien
Komplementär +180°
- 0B474A
Incubi Darkness
- 593131
≈ Mid Century
Analog -30° +30°
- 0B474A
Incubi Darkness
- 184839
≈ Sherwood Green
- 184456
≈ Blue Syzygy
Triadisch +120° +240°
- 0B474A
Incubi Darkness
- 4C3451
≈ Shadow Purple
- 4E3B18
≈ Avocado Stone
Geteilt komplementär +150° +210°
- 0B474A
Incubi Darkness
- 553142
≈ Blackberry Tart
- 563521
≈ Wild Boar
Tetradisch +90° +180° +270°
- 0B474A
Incubi Darkness
- 3E395A
≈ Magic Night
- 593131
≈ Mid Century
- 40411B
≈ Alligator Gladiator
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.42:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 2.01:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.42:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--incubi-darkness: #0b474a;
--incubi-darkness-rgb: 11 71 74;
--incubi-darkness-oklch: oklch(0.364 0.057 200.1);
}
.element {
color: var(--incubi-darkness);
background-color: hsl(183 74% 17%);
border-color: oklch(0.364 0.057 200.1);
}Tailwind CSS v4
@theme {
--color-incubi-darkness: #0b474a;
--color-incubi-darkness-50: #e3fafc;
--color-incubi-darkness-100: #d3eef0;
--color-incubi-darkness-200: #b9dcdf;
--color-incubi-darkness-300: #96c1c4;
--color-incubi-darkness-400: #76a9ac;
--color-incubi-darkness-500: #569295;
--color-incubi-darkness-600: #497b7e;
--color-incubi-darkness-700: #3a6365;
--color-incubi-darkness-800: #29494a;
--color-incubi-darkness-900: #1c3233;
--color-incubi-darkness-950: #0c1e1f;
}SCSS
$incubi-darkness: #0b474a;
$incubi-darkness-rgb: 11, 71, 74;
$incubi-darkness-light: mix(#fff, $incubi-darkness, 20%);
$incubi-darkness-dark: mix(#000, $incubi-darkness, 20%);
.element {
color: $incubi-darkness;
box-shadow: 0 0 0 2px rgba($incubi-darkness, 0.35);
}