Nächste benannte Farbe · #1B2519
#1B2519
Nächste benannte Farbe: Underworld
#1B2519 (rgb(27 37 25), hsl(110 19% 12%), oklch(0.251 0.026 140.4)) liegt am nächsten an der benannten Farbe Underworld. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#1B2519
oklch(0.251 0.026 140.4)
Farbumrechnungen
- HEX
- #1b2519
- RGB
- rgb(27 37 25)
- HSL
- hsl(110 19% 12%)
- HWB
- hwb(110 10% 85%)
- OKLCH
- oklch(0.251 0.026 140.4)
- OKLab
- oklab(0.251 -0.02 0.017)
- CIE Lab
- lab(13.41 -6.85 6.53)
- LCH
- lch(13.41 9.46 136.4)
- CMYK
- cmyk(27% 0% 32% 85%)
Tints · Shades · Tones
Tints
- 2E372C
- 424B40
- 575F55
- 6D746B
- 848A82
- 9BA09A
- B3B7B2
- CCCFCB
- E5E7E5
Shades
- 161F14
- 111910
- 0C130B
- 080D07
- 050804
- 020402
- 010201
- 000000
- 000000
Tones
- 242D22
- 2D362C
- 373E35
- 41473F
- 4B504A
- 555A54
- 5F635F
- 6A6D6A
- 757675
Farbharmonien
Komplementär +180°
- 1B2519
Underworld
- 281E2A
≈ Shikon
Analog -30° +30°
- 1B2519
Underworld
- 222314
≈ Black Mesa
- 142620
≈ Deep Slate Green
Triadisch +120° +240°
- 1B2519
Underworld
- 1A222F
≈ Dark
- 2D1D1C
≈ Weathervane
Geteilt komplementär +150° +210°
- 1B2519
Underworld
- 22202E
≈ Black Howl
- 2C1D23
≈ Shikon
Tetradisch +90° +180° +270°
- 1B2519
Underworld
- 14242C
≈ Sunken Ship
- 281E2A
≈ Shikon
- 2C1E16
≈ Weathervane
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 15.84:1 · APCA Lc 103
Ag
FailAuf Schwarz
WCAG 1.32:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 15.84:1 (AAA) · APCA Lc 103
Contrast pairs
Code-Snippets
CSS
:root {
--underworld: #1b2519;
--underworld-rgb: 27 37 25;
--underworld-oklch: oklch(0.251 0.026 140.4);
}
.element {
color: var(--underworld);
background-color: hsl(110 19% 12%);
border-color: oklch(0.251 0.026 140.4);
}Tailwind CSS v4
@theme {
--color-underworld: #1b2519;
--color-underworld-50: #f1f7f0;
--color-underworld-100: #e3eae2;
--color-underworld-200: #ced7cd;
--color-underworld-300: #b0bbaf;
--color-underworld-400: #96a394;
--color-underworld-500: #7d8b7a;
--color-underworld-600: #6a7568;
--color-underworld-700: #555e53;
--color-underworld-800: #3e453c;
--color-underworld-900: #2b2f29;
--color-underworld-950: #181c17;
}SCSS
$underworld: #1b2519;
$underworld-rgb: 27, 37, 25;
$underworld-light: mix(#fff, $underworld, 20%);
$underworld-dark: mix(#000, $underworld, 20%);
.element {
color: $underworld;
box-shadow: 0 0 0 2px rgba($underworld, 0.35);
}