Dichtstbijzijnde benoemde kleur · #915C75
#915C75
Dichtstbijzijnde benoemde kleur: Indian Silk
#915C75 (rgb(145 92 117), hsl(332 22% 46%), oklch(0.541 0.077 350.2)) komt het dichtst bij de benoemde kleur Indian Silk. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#915C75
oklch(0.541 0.077 350.2)
Kleurconversies
- HEX
- #915c75
- RGB
- rgb(145 92 117)
- HSL
- hsl(332 22% 46%)
- HWB
- hwb(332 36% 43%)
- OKLCH
- oklch(0.541 0.077 350.2)
- OKLab
- oklab(0.541 0.076 -0.013)
- CIE Lab
- lab(45.7 25.06 -4.7)
- LCH
- lch(45.7 25.5 349.4)
- CMYK
- cmyk(0% 37% 19% 43%)
Tinten · Schaduwen · Tonen
Tinten
- 9C6B82
- A77B8F
- B28B9C
- BE9BAA
- C9ABB8
- D3BBC6
- DECCD4
- E9DDE2
- F4EEF0
Schaduwen
- 7D4F65
- 6A4255
- 583646
- 462A37
- 351F29
- 25141C
- 150A0F
- 070305
- 010001
Tonen
- 906076
- 8E6477
- 8D6778
- 8B6B79
- 8A6F7B
- 88727C
- 86767D
- 84797E
- 827D7F
Kleurharmonieën
Complementair +180°
- 915C75
Indian Silk
- 3A7D68
≈ Trans Tasman
Analoog -30° +30°
- 915C75
Indian Silk
- 83608B
≈ Dusty Purple
- 975C5C
≈ Ruby Crystal
Triadisch +120° +240°
- 915C75
Indian Silk
- 71733C
≈ Relentless Olive
- 3A7793
≈ Cottage by the Sea
Gesplitst complementair +150° +210°
- 915C75
Indian Silk
- 567A4F
≈ Torrey Pine
- 2B7C81
≈ Jade Jewel
Tetradisch +90° +180° +270°
- 915C75
Indian Silk
- 866A38
≈ Kimirucha Brown
- 3A7D68
≈ Trans Tasman
- 556F9C
≈ Moonshade
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.26:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 3.99:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--indian-silk: #915c75;
--indian-silk-rgb: 145 92 117;
--indian-silk-oklch: oklch(0.541 0.077 350.2);
}
.element {
color: var(--indian-silk);
background-color: hsl(332 22% 46%);
border-color: oklch(0.541 0.077 350.2);
}Tailwind CSS v4
@theme {
--color-indian-silk: #915c75;
--color-indian-silk-50: #ffedf7;
--color-indian-silk-100: #fedeea;
--color-indian-silk-200: #f0c7d7;
--color-indian-silk-300: #d8a8bb;
--color-indian-silk-400: #c28ca5;
--color-indian-silk-500: #ad718d;
--color-indian-silk-600: #926077;
--color-indian-silk-700: #754c60;
--color-indian-silk-800: #563747;
--color-indian-silk-900: #3c2631;
--color-indian-silk-950: #26141d;
}SCSS
$indian-silk: #915c75;
$indian-silk-rgb: 145, 92, 117;
$indian-silk-light: mix(#fff, $indian-silk, 20%);
$indian-silk-dark: mix(#000, $indian-silk, 20%);
.element {
color: $indian-silk;
box-shadow: 0 0 0 2px rgba($indian-silk, 0.35);
}