Dichtstbijzijnde benoemde kleur · #CB4D39
#CB4D39
Dichtstbijzijnde benoemde kleur: Bloody Salmon
#CB4D39 (rgb(203 77 57), hsl(8 58% 51%), oklch(0.586 0.164 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.
#CB4D39
oklch(0.586 0.164 31.4)
Kleurconversies
- HEX
- #cb4d39
- RGB
- rgb(203 77 57)
- HSL
- hsl(8 58% 51%)
- HWB
- hwb(8 22% 20%)
- OKLCH
- oklch(0.586 0.164 31.4)
- OKLab
- oklab(0.586 0.14 0.086)
- CIE Lab
- lab(50.52 50.14 38.99)
- LCH
- lch(50.52 63.51 37.9)
- CMYK
- cmyk(0% 62% 72% 20%)
Tinten · Schaduwen · Tonen
Tinten
- D2614D
- DA7361
- E08574
- E69788
- ECA89B
- F1BAAF
- F5CBC2
- F9DCD6
- FCEEEB
Schaduwen
- B04230
- 963728
- 7D2C1F
- 652217
- 4D1810
- 370F09
- 220704
- 0F0201
- 020000
Tonen
- C55442
- BE5B4A
- B86151
- B16659
- AA6B60
- A27066
- 9A756D
- 927973
- 897C7A
Kleurharmonieën
Complementair +180°
- CB4D39
Bloody Salmon
- 008C9F
≈ Parrot Flight
Analoog -30° +30°
- CB4D39
Bloody Salmon
- C64976
≈ Love Lord
- B46600
≈ Umber
Triadisch +120° +240°
- CB4D39
Bloody Salmon
- 009549
≈ Paperboy’s Lawn
- 5A71DC
≈ Cornflower
Gesplitst complementair +150° +210°
- CB4D39
Bloody Salmon
- 009080
≈ Philips Green
- 0084C6
≈ Water Raceway
Tetradisch +90° +180° +270°
- CB4D39
Bloody Salmon
- 708800
≈ Swamp Green
- 008C9F
≈ Parrot Flight
- 8E5FCC
≈ Amethyst
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: #cb4d39;
--bloody-salmon-rgb: 203 77 57;
--bloody-salmon-oklch: oklch(0.586 0.164 31.4);
}
.element {
color: var(--bloody-salmon);
background-color: hsl(8 58% 51%);
border-color: oklch(0.586 0.164 31.4);
}Tailwind CSS v4
@theme {
--color-bloody-salmon: #cb4d39;
--color-bloody-salmon-50: #ffe5d7;
--color-bloody-salmon-100: #ffd5c5;
--color-bloody-salmon-200: #ffbba6;
--color-bloody-salmon-300: #ff977f;
--color-bloody-salmon-400: #ef745f;
--color-bloody-salmon-500: #de503a;
--color-bloody-salmon-600: #bb4532;
--color-bloody-salmon-700: #963728;
--color-bloody-salmon-800: #70261e;
--color-bloody-salmon-900: #4f1a14;
--color-bloody-salmon-950: #340906;
}SCSS
$bloody-salmon: #cb4d39;
$bloody-salmon-rgb: 203, 77, 57;
$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);
}