Dichtstbijzijnde benoemde kleur · #E12808
#E12808
Dichtstbijzijnde benoemde kleur: Thicker Than Water
#E12808 (rgb(225 40 8), hsl(9 93% 46%), oklch(0.586 0.221 31.5)) 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.
#E12808
oklch(0.586 0.221 31.5)
Kleurconversies
- HEX
- #e12808
- RGB
- rgb(225 40 8)
- HSL
- hsl(9 93% 46%)
- HWB
- hwb(9 3% 12%)
- OKLCH
- oklch(0.586 0.221 31.5)
- OKLab
- oklab(0.586 0.188 0.115)
- CIE Lab
- lab(49.84 68.33 61.79)
- LCH
- lch(49.84 92.13 42.1)
- CMYK
- cmyk(0% 82% 96% 12%)
Tinten · Schaduwen · Tonen
Tinten
- E74931
- ED624B
- F27863
- F78D79
- FAA08F
- FDB4A5
- FFC7BB
- FFDAD2
- FFECE8
Schaduwen
- C42106
- A71B04
- 8B1503
- 700F02
- 560901
- 3E0401
- 270200
- 120100
- 020000
Tonen
- D93B23
- D14832
- C8523F
- BF5B4A
- B66354
- AD6A5D
- A37066
- 98766F
- 8D7B78
Kleurharmonieën
Complementair +180°
- E12808
Thicker Than Water
- 008C9F
≈ Parrot Flight
Analoog -30° +30°
- E12808
Thicker Than Water
- DA2073
≈ Magenta Elephant
- B46600
≈ Umber
Triadisch +120° +240°
- E12808
Thicker Than Water
- 009549
≈ Paperboy’s Lawn
- 5267FC
≈ Blue Heath Butterfly
Gesplitst complementair +150° +210°
- E12808
Thicker Than Water
- 009080
≈ Philips Green
- 0084C6
≈ Water Raceway
Tetradisch +90° +180° +270°
- E12808
Thicker Than Water
- 6F8800
≈ Swamp Green
- 008C9F
≈ Parrot Flight
- 964DE6
≈ Pericallis Hybrida
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.65:1 · APCA Lc 70
Ag
AAOp zwart
WCAG 4.50:1 · APCA Lc 31
Beste tekstkleur: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 70
Contrast pairs
Codefragmenten
CSS
:root {
--thicker-than-water: #e12808;
--thicker-than-water-rgb: 225 40 8;
--thicker-than-water-oklch: oklch(0.586 0.221 31.5);
}
.element {
color: var(--thicker-than-water);
background-color: hsl(9 93% 46%);
border-color: oklch(0.586 0.221 31.5);
}Tailwind CSS v4
@theme {
--color-thicker-than-water: #e12808;
--color-thicker-than-water-50: #ffdfcc;
--color-thicker-than-water-100: #ffcdb8;
--color-thicker-than-water-200: #ffb095;
--color-thicker-than-water-300: #ff8769;
--color-thicker-than-water-400: #ff5d42;
--color-thicker-than-water-500: #f62100;
--color-thicker-than-water-600: #d02102;
--color-thicker-than-water-700: #a71b05;
--color-thicker-than-water-800: #7d1009;
--color-thicker-than-water-900: #590b06;
--color-thicker-than-water-950: #3c0000;
}SCSS
$thicker-than-water: #e12808;
$thicker-than-water-rgb: 225, 40, 8;
$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);
}