Nächste benannte Farbe · #1C0F05
#1C0F05
Nächste benannte Farbe: Scandinavian Liquorice
#1C0F05 (rgb(28 15 5), hsl(26 70% 6%), oklch(0.184 0.03 59.7)) liegt am nächsten an der benannten Farbe Scandinavian Liquorice. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#1C0F05
oklch(0.184 0.03 59.7)
Farbumrechnungen
- HEX
- #1c0f05
- RGB
- rgb(28 15 5)
- HSL
- hsl(26 70% 6%)
- HWB
- hwb(26 2% 89%)
- OKLCH
- oklch(0.184 0.03 59.7)
- OKLab
- oklab(0.184 0.015 0.026)
- CIE Lab
- lab(5.51 5 6.27)
- LCH
- lch(5.51 8.02 51.4)
- CMYK
- cmyk(0% 46% 82% 89%)
Tints · Shades · Tones
Tints
- 2F2218
- 43372D
- 584D44
- 6E645C
- 857C75
- 9C958F
- B4AEAA
- CCC9C6
- E5E3E2
Shades
- 170B04
- 120803
- 0D0502
- 080301
- 050201
- 020100
- 010000
- 000000
- 000000
Tones
- 25190F
- 2E231A
- 382E26
- 423931
- 4C443E
- 564F4A
- 605B57
- 6B6765
- 757372
Farbharmonien
Komplementär +180°
- 1C0F05
Scandinavian Liquorice
- 05141E
≈ Midnight Edition
Analog -30° +30°
- 1C0F05
Scandinavian Liquorice
- 1E0D0A
≈ Scandinavian Liquorice
- 181203
≈ Crowshead
Triadisch +120° +240°
- 1C0F05
Scandinavian Liquorice
- 021713
≈ Pinch of Pepper
- 140F1E
≈ Corbeau
Geteilt komplementär +150° +210°
- 1C0F05
Scandinavian Liquorice
- 01161A
≈ Creeping Death
- 0D1220
≈ Corbeau
Tetradisch +90° +180° +270°
- 1C0F05
Scandinavian Liquorice
- 08160B
≈ Pinch of Pepper
- 05141E
≈ Midnight Edition
- 1A0D19
≈ Shot in the Dark
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 18.75:1 · APCA Lc 105
Ag
FailAuf Schwarz
WCAG 1.11:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 18.75:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
CSS
:root {
--scandinavian-liquorice: #1c0f05;
--scandinavian-liquorice-rgb: 28 15 5;
--scandinavian-liquorice-oklch: oklch(0.184 0.03 59.7);
}
.element {
color: var(--scandinavian-liquorice);
background-color: hsl(26 70% 6%);
border-color: oklch(0.184 0.03 59.7);
}Tailwind CSS v4
@theme {
--color-scandinavian-liquorice: #1c0f05;
--color-scandinavian-liquorice-50: #fcf3ed;
--color-scandinavian-liquorice-100: #efe6de;
--color-scandinavian-liquorice-200: #ded2c8;
--color-scandinavian-liquorice-300: #c3b4a8;
--color-scandinavian-liquorice-400: #ac9b8d;
--color-scandinavian-liquorice-500: #958273;
--color-scandinavian-liquorice-600: #7e6e61;
--color-scandinavian-liquorice-700: #65584e;
--color-scandinavian-liquorice-800: #4b4038;
--color-scandinavian-liquorice-900: #342c27;
--color-scandinavian-liquorice-950: #1f1915;
}SCSS
$scandinavian-liquorice: #1c0f05;
$scandinavian-liquorice-rgb: 28, 15, 5;
$scandinavian-liquorice-light: mix(#fff, $scandinavian-liquorice, 20%);
$scandinavian-liquorice-dark: mix(#000, $scandinavian-liquorice, 20%);
.element {
color: $scandinavian-liquorice;
box-shadow: 0 0 0 2px rgba($scandinavian-liquorice, 0.35);
}