Dichtstbijzijnde benoemde kleur · #DF3337
#DF3337
Dichtstbijzijnde benoemde kleur: Transfusion
#DF3337 (rgb(223 51 55), hsl(359 73% 54%), oklch(0.593 0.208 25.3)) komt het dichtst bij de benoemde kleur Transfusion. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#DF3337
oklch(0.593 0.208 25.3)
Kleurconversies
- HEX
- #df3337
- RGB
- rgb(223 51 55)
- HSL
- hsl(359 73% 54%)
- HWB
- hwb(359 20% 13%)
- OKLCH
- oklch(0.593 0.208 25.3)
- OKLab
- oklab(0.593 0.188 0.089)
- CIE Lab
- lab(50.71 65.67 41.63)
- LCH
- lch(50.71 77.75 32.4)
- CMYK
- cmyk(0% 77% 75% 13%)
Tinten · Schaduwen · Tonen
Tinten
- E54F4C
- EB6660
- F07B73
- F58F87
- F8A29B
- FBB5AE
- FEC8C2
- FFDAD6
- FFEDEA
Schaduwen
- C22B2E
- A52326
- 8A1C1E
- 6F1416
- 560D0F
- 3D0708
- 270303
- 120101
- 020000
Tonen
- D74140
- CF4D49
- C75650
- BE5E58
- B5655F
- AC6C66
- A2716D
- 977773
- 8C7B7A
Kleurharmonieën
Complementair +180°
- DF3337
Transfusion
- 008F9B
≈ Coral Coast
Analoog -30° +30°
- DF3337
Transfusion
- D53384
≈ Highlighter Lilac
- BE6200
≈ Fire Ant
Triadisch +120° +240°
- DF3337
Transfusion
- 00992A
≈ Pestering Pesto
- 4072F8
≈ Hailey Blue
Gesplitst complementair +150° +210°
- DF3337
Transfusion
- 00937B
≈ Aqua Waters
- 0088BE
≈ Forget-Me-Not
Tetradisch +90° +180° +270°
- DF3337
Transfusion
- 7C8700
≈ Elwynn Forest Olive
- 008F9B
≈ Coral Coast
- 8B59E9
≈ Gloomy Purple
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.50:1 · APCA Lc 70
Ag
AAOp zwart
WCAG 4.66:1 · APCA Lc 32
Beste tekstkleur: #000000
WCAG 4.66:1 (AA) · APCA Lc 32
Contrast pairs
Codefragmenten
CSS
:root {
--transfusion: #df3337;
--transfusion-rgb: 223 51 55;
--transfusion-oklch: oklch(0.593 0.208 25.3);
}
.element {
color: var(--transfusion);
background-color: hsl(359 73% 54%);
border-color: oklch(0.593 0.208 25.3);
}Tailwind CSS v4
@theme {
--color-transfusion: #df3337;
--color-transfusion-50: #ffdfd5;
--color-transfusion-100: #ffcec2;
--color-transfusion-200: #ffb1a3;
--color-transfusion-300: #ff897b;
--color-transfusion-400: #ff605c;
--color-transfusion-500: #f12c35;
--color-transfusion-600: #cb292f;
--color-transfusion-700: #a42125;
--color-transfusion-800: #7a151d;
--color-transfusion-900: #570e13;
--color-transfusion-950: #3a0005;
}SCSS
$transfusion: #df3337;
$transfusion-rgb: 223, 51, 55;
$transfusion-light: mix(#fff, $transfusion, 20%);
$transfusion-dark: mix(#000, $transfusion, 20%);
.element {
color: $transfusion;
box-shadow: 0 0 0 2px rgba($transfusion, 0.35);
}