Dichtstbijzijnde benoemde kleur · #E41F0D
#E41F0D
Dichtstbijzijnde benoemde kleur: Thicker Than Water
#E41F0D (rgb(228 31 13), hsl(5 89% 47%), oklch(0.587 0.228 30.1)) komt het dichtst bij de benoemde kleur Thicker Than Water. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#E41F0D
oklch(0.587 0.228 30.1)
Kleurconversies
- HEX
- #e41f0d
- RGB
- rgb(228 31 13)
- HSL
- hsl(5 89% 47%)
- HWB
- hwb(5 5% 11%)
- OKLCH
- oklch(0.587 0.228 30.1)
- OKLab
- oklab(0.587 0.197 0.114)
- CIE Lab
- lab(49.82 70.96 60.89)
- LCH
- lch(49.82 93.5 40.6)
- CMYK
- cmyk(0% 86% 94% 11%)
Tinten · Schaduwen · Tonen
Tinten
- EA4533
- F05F4C
- F57663
- F98B7A
- FC9F90
- FFB3A6
- FFC6BC
- FFD9D2
- FFECE8
Schaduwen
- C6190A
- A91407
- 8D0F05
- 720A03
- 580602
- 3F0301
- 280100
- 120000
- 030000
Tonen
- DC3625
- D34434
- CB5040
- C15A4B
- B86254
- AE695E
- A47067
- 99766F
- 8D7B78
Kleurharmonieën
Complementair +180°
- E41F0D
Thicker Than Water
- 008C9D
≈ Coral Coast
Analoog -30° +30°
- E41F0D
Thicker Than Water
- DC1876
≈ Vampire Love Story
- B66500
≈ Umber
Triadisch +120° +240°
- E41F0D
Thicker Than Water
- 009544
≈ Luscious Green
- 4D68FF
≈ Blue Heath Butterfly
Gesplitst complementair +150° +210°
- E41F0D
Thicker Than Water
- 00907F
≈ Philips Green
- 0084C3
≈ Water Raceway
Tetradisch +90° +180° +270°
- E41F0D
Thicker Than Water
- 728700
≈ Swamp Green
- 008C9D
≈ Coral Coast
- 944CEC
≈ Pericallis Hybrida
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.66:1 · APCA Lc 70
Ag
AAOp zwart
WCAG 4.50:1 · APCA Lc 31
Beste tekstkleur: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 70
Contrast pairs
Codefragmenten
CSS
:root {
--thicker-than-water: #e41f0d;
--thicker-than-water-rgb: 228 31 13;
--thicker-than-water-oklch: oklch(0.587 0.228 30.1);
}
.element {
color: var(--thicker-than-water);
background-color: hsl(5 89% 47%);
border-color: oklch(0.587 0.228 30.1);
}Tailwind CSS v4
@theme {
--color-thicker-than-water: #e41f0d;
--color-thicker-than-water-50: #ffdecc;
--color-thicker-than-water-100: #ffccb8;
--color-thicker-than-water-200: #ffae96;
--color-thicker-than-water-300: #ff8469;
--color-thicker-than-water-400: #ff5843;
--color-thicker-than-water-500: #f91000;
--color-thicker-than-water-600: #d21806;
--color-thicker-than-water-700: #a91407;
--color-thicker-than-water-800: #7f0a0a;
--color-thicker-than-water-900: #5a0807;
--color-thicker-than-water-950: #3c0000;
}SCSS
$thicker-than-water: #e41f0d;
$thicker-than-water-rgb: 228, 31, 13;
$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);
}