Dichtstbijzijnde benoemde kleur · #710B45
#710B45
Dichtstbijzijnde benoemde kleur: Velvet
#710B45 (rgb(113 11 69), hsl(326 82% 24%), oklch(0.366 0.142 353)) komt het dichtst bij de benoemde kleur Velvet. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#710B45
oklch(0.366 0.142 353)
Kleurconversies
- HEX
- #710b45
- RGB
- rgb(113 11 69)
- HSL
- hsl(326 82% 24%)
- HWB
- hwb(326 4% 56%)
- OKLCH
- oklch(0.366 0.142 353)
- OKLab
- oklab(0.366 0.14 -0.017)
- CIE Lab
- lab(24.56 44.88 -5.98)
- LCH
- lch(24.56 45.28 352.4)
- CMYK
- cmyk(0% 90% 39% 56%)
Tinten · Schaduwen · Tonen
Tinten
- 812A56
- 904367
- A05A78
- AE708A
- BC879D
- CA9FB0
- D8B6C3
- E5CED7
- F2E6EB
Schaduwen
- 61083B
- 520631
- 430427
- 35021E
- 270115
- 1A010C
- 0E0005
- 040002
- 010000
Tonen
- 741E4B
- 772C50
- 7A3856
- 7C435C
- 7E4D62
- 7F5868
- 80626E
- 806C74
- 80767A
Kleurharmonieën
Complementair +180°
- 710B45
Velvet
- 004A3B
≈ Aqua Deep
Analoog -30° +30°
- 710B45
Velvet
- 601A68
≈ Violethargic
- 780817
≈ Mythical Wine
Triadisch +120° +240°
- 710B45
Velvet
- 3F4300
≈ Green Not Found
- 004560
≈ Loyal Blue
Gesplitst complementair +150° +210°
- 710B45
Velvet
- 004D03
≈ Malachite Green
- 00484D
≈ Sherpa Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 11.43:1 · APCA Lc 95
Ag
FailOp zwart
WCAG 1.83:1 · APCA Lc 8
Beste tekstkleur: #FFFFFF
WCAG 11.43:1 (AAA) · APCA Lc 95
Contrast pairs
Codefragmenten
CSS
:root {
--velvet: #710b45;
--velvet-rgb: 113 11 69;
--velvet-oklch: oklch(0.366 0.142 353);
}
.element {
color: var(--velvet);
background-color: hsl(326 82% 24%);
border-color: oklch(0.366 0.142 353);
}Tailwind CSS v4
@theme {
--color-velvet: #710b45;
--color-velvet-50: #ffe5f7;
--color-velvet-100: #ffd5ea;
--color-velvet-200: #ffbbd7;
--color-velvet-300: #f198bb;
--color-velvet-400: #dd79a6;
--color-velvet-500: #ca588e;
--color-velvet-600: #ab4b78;
--color-velvet-700: #893c60;
--color-velvet-800: #652b48;
--color-velvet-900: #471d32;
--color-velvet-950: #2e0c1e;
}SCSS
$velvet: #710b45;
$velvet-rgb: 113, 11, 69;
$velvet-light: mix(#fff, $velvet, 20%);
$velvet-dark: mix(#000, $velvet, 20%);
.element {
color: $velvet;
box-shadow: 0 0 0 2px rgba($velvet, 0.35);
}