Dichtstbijzijnde benoemde kleur · #DC3127
#DC3127
Dichtstbijzijnde benoemde kleur: Ferocious
#DC3127 (rgb(220 49 39), hsl(3 72% 51%), oklch(0.585 0.208 28.8)) komt het dichtst bij de benoemde kleur Ferocious. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#DC3127
oklch(0.585 0.208 28.8)
Kleurconversies
- HEX
- #dc3127
- RGB
- rgb(220 49 39)
- HSL
- hsl(3 72% 51%)
- HWB
- hwb(3 15% 14%)
- OKLCH
- oklch(0.585 0.208 28.8)
- OKLab
- oklab(0.585 0.182 0.1)
- CIE Lab
- lab(49.8 65 49.13)
- LCH
- lch(49.8 81.48 37.1)
- CMYK
- cmyk(0% 78% 82% 14%)
Tinten · Schaduwen · Tonen
Tinten
- E34E40
- E96556
- EE7A6B
- F38E80
- F7A295
- FAB5AA
- FDC7BF
- FEDAD4
- FFECE9
Schaduwen
- BF2920
- A3221A
- 881A14
- 6E130E
- 540C08
- 3C0604
- 260302
- 110101
- 020000
Tonen
- D44034
- CD4B3F
- C55548
- BC5D51
- B4645A
- AA6B62
- A1716A
- 977671
- 8C7B79
Kleurharmonieën
Complementair +180°
- DC3127
Ferocious
- 008C9B
≈ Coral Coast
Analoog -30° +30°
- DC3127
Ferocious
- D42E79
≈ Fuchsia Purple
- B66300
≈ Umber
Triadisch +120° +240°
- DC3127
Ferocious
- 00953E
≈ Pixelated Grass
- 4B6CF5
≈ Flickering Sea
Gesplitst complementair +150° +210°
- DC3127
Ferocious
- 00907D
≈ Philips Green
- 0084C0
≈ Ibiza Blue
Tetradisch +90° +180° +270°
- DC3127
Ferocious
- 748600
≈ Swamp Green
- 008C9B
≈ Coral Coast
- 8F54E3
≈ Gloomy Purple
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.65:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.51:1 · APCA Lc 31
Beste tekstkleur: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 71
Contrast pairs
Codefragmenten
CSS
:root {
--ferocious: #dc3127;
--ferocious-rgb: 220 49 39;
--ferocious-oklch: oklch(0.585 0.208 28.8);
}
.element {
color: var(--ferocious);
background-color: hsl(3 72% 51%);
border-color: oklch(0.585 0.208 28.8);
}Tailwind CSS v4
@theme {
--color-ferocious: #dc3127;
--color-ferocious-50: #ffe0d1;
--color-ferocious-100: #ffcebe;
--color-ferocious-200: #ffb19e;
--color-ferocious-300: #ff8a74;
--color-ferocious-400: #ff6252;
--color-ferocious-500: #f12e25;
--color-ferocious-600: #cc2b22;
--color-ferocious-700: #a4231b;
--color-ferocious-800: #7b1616;
--color-ferocious-900: #570f0e;
--color-ferocious-950: #3a0102;
}SCSS
$ferocious: #dc3127;
$ferocious-rgb: 220, 49, 39;
$ferocious-light: mix(#fff, $ferocious, 20%);
$ferocious-dark: mix(#000, $ferocious, 20%);
.element {
color: $ferocious;
box-shadow: 0 0 0 2px rgba($ferocious, 0.35);
}