Dichtstbijzijnde benoemde kleur · #975977
#975977
Dichtstbijzijnde benoemde kleur: Indian Silk
#975977 (rgb(151 89 119), hsl(331 26% 47%), oklch(0.544 0.09 350.1)) 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.
#975977
oklch(0.544 0.09 350.1)
Kleurconversies
- HEX
- #975977
- RGB
- rgb(151 89 119)
- HSL
- hsl(331 26% 47%)
- HWB
- hwb(331 35% 41%)
- OKLCH
- oklch(0.544 0.09 350.1)
- OKLab
- oklab(0.544 0.089 -0.016)
- CIE Lab
- lab(45.86 29.24 -5.56)
- LCH
- lch(45.86 29.76 349.2)
- CMYK
- cmyk(0% 41% 21% 41%)
Tinten · Schaduwen · Tonen
Tinten
- A26984
- AD7991
- B7899E
- C299AB
- CCAAB9
- D7BAC6
- E1CBD4
- EBDCE2
- F5EEF1
Schaduwen
- 834C67
- 6F4057
- 5C3447
- 492838
- 371D2A
- 26131C
- 170910
- 080305
- 010001
Tonen
- 955D78
- 936179
- 91657A
- 8F697B
- 8D6D7C
- 8B717C
- 88757D
- 86797E
- 837C7F
Kleurharmonieën
Complementair +180°
- 975977
Indian Silk
- 2C8168
≈ Dream Green
Analoog -30° +30°
- 975977
Indian Silk
- 875E90
≈ Pomp and Power
- 9E595A
≈ Rhode Island Red
Triadisch +120° +240°
- 975977
Indian Silk
- 737431
≈ Olive Drab
- 2B799A
≈ Fun and Games
Gesplitst complementair +150° +210°
- 975977
Indian Silk
- 527D49
≈ Autumn Fern
- 0C7F84
≈ Go Alpha
Tetradisch +90° +180° +270°
- 975977
Indian Silk
- 8B692B
≈ Aged Antics
- 2C8168
≈ Dream Green
- 5070A4
≈ Chesty Bond
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.23:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 4.01:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--indian-silk: #975977;
--indian-silk-rgb: 151 89 119;
--indian-silk-oklch: oklch(0.544 0.09 350.1);
}
.element {
color: var(--indian-silk);
background-color: hsl(331 26% 47%);
border-color: oklch(0.544 0.09 350.1);
}Tailwind CSS v4
@theme {
--color-indian-silk: #975977;
--color-indian-silk-50: #ffebf8;
--color-indian-silk-100: #ffdceb;
--color-indian-silk-200: #f4c5d8;
--color-indian-silk-300: #dda5bc;
--color-indian-silk-400: #c888a6;
--color-indian-silk-500: #b36c8e;
--color-indian-silk-600: #975c78;
--color-indian-silk-700: #794a60;
--color-indian-silk-800: #593548;
--color-indian-silk-900: #3f2432;
--color-indian-silk-950: #28131e;
}SCSS
$indian-silk: #975977;
$indian-silk-rgb: 151, 89, 119;
$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);
}