Dichtstbijzijnde benoemde kleur · #D04833
#D04833
Dichtstbijzijnde benoemde kleur: Bloody Salmon
#D04833 (rgb(208 72 51), hsl(8 63% 51%), oklch(0.588 0.176 31.4)) komt het dichtst bij de benoemde kleur Bloody Salmon. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#D04833
oklch(0.588 0.176 31.4)
Kleurconversies
- HEX
- #d04833
- RGB
- rgb(208 72 51)
- HSL
- hsl(8 63% 51%)
- HWB
- hwb(8 20% 18%)
- OKLCH
- oklch(0.588 0.176 31.4)
- OKLab
- oklab(0.588 0.15 0.092)
- CIE Lab
- lab(50.55 53.74 42.6)
- LCH
- lch(50.55 68.57 38.4)
- CMYK
- cmyk(0% 65% 75% 18%)
Tinten · Schaduwen · Tonen
Tinten
- D75D49
- DE715D
- E48371
- EA9585
- EFA799
- F3B9AD
- F7CAC1
- FADCD6
- FDEDEA
Schaduwen
- B53D2B
- 9A3323
- 80291C
- 671F14
- 4F160D
- 390D07
- 230603
- 100201
- 020000
Tonen
- C9513D
- C25846
- BB5F4E
- B46556
- AC6A5E
- A46F65
- 9C746C
- 937873
- 8A7C79
Kleurharmonieën
Complementair +180°
- D04833
Bloody Salmon
- 008C9F
≈ Parrot Flight
Analoog -30° +30°
- D04833
Bloody Salmon
- CB4375
≈ Fuchsia Rose
- B56600
≈ Umber
Triadisch +120° +240°
- D04833
Bloody Salmon
- 009549
≈ Paperboy’s Lawn
- 5970E3
≈ Cornflower
Gesplitst complementair +150° +210°
- D04833
Bloody Salmon
- 009181
≈ Silk Sari
- 0084C6
≈ Water Raceway
Tetradisch +90° +180° +270°
- D04833
Bloody Salmon
- 708800
≈ Swamp Green
- 008C9F
≈ Parrot Flight
- 905DD2
≈ Morado Purple
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.50:1 · APCA Lc 70
Ag
AAOp zwart
WCAG 4.65:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
CSS
:root {
--bloody-salmon: #d04833;
--bloody-salmon-rgb: 208 72 51;
--bloody-salmon-oklch: oklch(0.588 0.176 31.4);
}
.element {
color: var(--bloody-salmon);
background-color: hsl(8 63% 51%);
border-color: oklch(0.588 0.176 31.4);
}Tailwind CSS v4
@theme {
--color-bloody-salmon: #d04833;
--color-bloody-salmon-50: #ffe4d5;
--color-bloody-salmon-100: #ffd3c2;
--color-bloody-salmon-200: #ffb9a3;
--color-bloody-salmon-300: #ff947b;
--color-bloody-salmon-400: #f4705a;
--color-bloody-salmon-500: #e34a33;
--color-bloody-salmon-600: #bf402c;
--color-bloody-salmon-700: #9a3323;
--color-bloody-salmon-800: #73231b;
--color-bloody-salmon-900: #511811;
--color-bloody-salmon-950: #360704;
}SCSS
$bloody-salmon: #d04833;
$bloody-salmon-rgb: 208, 72, 51;
$bloody-salmon-light: mix(#fff, $bloody-salmon, 20%);
$bloody-salmon-dark: mix(#000, $bloody-salmon, 20%);
.element {
color: $bloody-salmon;
box-shadow: 0 0 0 2px rgba($bloody-salmon, 0.35);
}