Nächste benannte Farbe · #E41D00
#E41D00
Nächste benannte Farbe: Thicker Than Water
#E41D00 (rgb(228 29 0), hsl(8 100% 45%), oklch(0.585 0.229 30.8)) liegt am nächsten an der benannten Farbe Thicker Than Water. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#E41D00
oklch(0.585 0.229 30.8)
Farbumrechnungen
- HEX
- #e41d00
- RGB
- rgb(228 29 0)
- HSL
- hsl(8 100% 45%)
- HWB
- hwb(8 0% 11%)
- OKLCH
- oklch(0.585 0.229 30.8)
- OKLab
- oklab(0.585 0.197 0.117)
- CIE Lab
- lab(49.67 71.23 64.41)
- LCH
- lch(49.67 96.03 42.1)
- CMYK
- cmyk(0% 87% 100% 11%)
Tints · Shades · Tones
Tints
- EA442E
- F05F49
- F57661
- F98B78
- FC9F8E
- FFB3A5
- FFC6BB
- FFD9D1
- FFECE8
Shades
- C61800
- A91300
- 8D0E00
- 720900
- 580500
- 3F0300
- 280100
- 120000
- 030000
Tones
- DC3520
- D34430
- CB503D
- C25949
- B86253
- AE695D
- A47066
- 99766F
- 8D7B78
Farbharmonien
Komplementär +180°
- E41D00
Thicker Than Water
- 008B9E
≈ Parrot Flight
Analog -30° +30°
- E41D00
Thicker Than Water
- DD1474
≈ Magenta Elephant
- B46500
≈ Umber
Triadisch +120° +240°
- E41D00
Thicker Than Water
- 009547
≈ Luscious Green
- 4F67FF
≈ Blue Heath Butterfly
Geteilt komplementär +150° +210°
- E41D00
Thicker Than Water
- 00907F
≈ Philips Green
- 0084C4
≈ Water Raceway
Tetradisch +90° +180° +270°
- E41D00
Thicker Than Water
- 708700
≈ Swamp Green
- 008B9E
≈ Parrot Flight
- 954BEB
≈ Pericallis Hybrida
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.69:1 · APCA Lc 70
Ag
FailAuf Schwarz
WCAG 4.47:1 · APCA Lc 31
Beste Textfarbe: #FFFFFF
WCAG 4.69:1 (AA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--thicker-than-water: #e41d00;
--thicker-than-water-rgb: 228 29 0;
--thicker-than-water-oklch: oklch(0.585 0.229 30.8);
}
.element {
color: var(--thicker-than-water);
background-color: hsl(8 100% 45%);
border-color: oklch(0.585 0.229 30.8);
}Tailwind CSS v4
@theme {
--color-thicker-than-water: #e41d00;
--color-thicker-than-water-50: #ffdecb;
--color-thicker-than-water-100: #ffccb7;
--color-thicker-than-water-200: #ffae94;
--color-thicker-than-water-300: #ff8467;
--color-thicker-than-water-400: #ff5840;
--color-thicker-than-water-500: #fa0e00;
--color-thicker-than-water-600: #d31600;
--color-thicker-than-water-700: #aa1401;
--color-thicker-than-water-800: #7f0907;
--color-thicker-than-water-900: #5a0705;
--color-thicker-than-water-950: #3d0000;
}SCSS
$thicker-than-water: #e41d00;
$thicker-than-water-rgb: 228, 29, 0;
$thicker-than-water-light: mix(#fff, $thicker-than-water, 20%);
$thicker-than-water-dark: mix(#000, $thicker-than-water, 20%);
.element {
color: $thicker-than-water;
box-shadow: 0 0 0 2px rgba($thicker-than-water, 0.35);
}