Dichtstbijzijnde benoemde kleur · #A3605E
#A3605E
Dichtstbijzijnde benoemde kleur: Cheek Red
#A3605E (rgb(163 96 94), hsl(2 27% 50%), oklch(0.564 0.088 22)) komt het dichtst bij de benoemde kleur Cheek Red. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#A3605E
oklch(0.564 0.088 22)
Kleurconversies
- HEX
- #a3605e
- RGB
- rgb(163 96 94)
- HSL
- hsl(2 27% 50%)
- HWB
- hwb(2 37% 36%)
- OKLCH
- oklch(0.564 0.088 22)
- OKLab
- oklab(0.564 0.081 0.033)
- CIE Lab
- lab(48.53 27.75 13.49)
- LCH
- lch(48.53 30.85 25.9)
- CMYK
- cmyk(0% 41% 42% 36%)
Tinten · Schaduwen · Tonen
Tinten
- AD6F6D
- B77F7C
- C08E8C
- CA9E9B
- D3AEAB
- DCBDBC
- E5CECC
- EEDEDD
- F6EEEE
Schaduwen
- 8D5251
- 784544
- 633837
- 4F2C2B
- 3C201F
- 2A1514
- 190A0A
- 0A0303
- 010000
Tonen
- A06461
- 9D6765
- 9A6A68
- 976E6C
- 93716F
- 907473
- 8C7776
- 887A79
- 847D7D
Kleurharmonieën
Complementair +180°
- A3605E
Cheek Red
- 20858C
≈ Sea Bed
Analoog -30° +30°
- A3605E
Cheek Red
- 9D5F7B
≈ Rose Wine
- 9E6643
≈ Argan Oil
Triadisch +120° +240°
- A3605E
Cheek Red
- 578352
≈ Magic Sage
- 5975A9
≈ Blue Yonder
Gesplitst complementair +150° +210°
- A3605E
Cheek Red
- 348670
≈ Dream Green
- 377EA0
≈ Linoleum Blue
Tetradisch +90° +180° +270°
- A3605E
Cheek Red
- 777B3A
≈ Calla Green
- 20858C
≈ Sea Bed
- 776CA5
≈ Wintertime Mauve
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.78:1 · APCA Lc 73
Ag
FailOp zwart
WCAG 4.39:1 · APCA Lc 29
Beste tekstkleur: #FFFFFF
WCAG 4.78:1 (AA) · APCA Lc 73
Contrast pairs
Codefragmenten
CSS
:root {
--cheek-red: #a3605e;
--cheek-red-rgb: 163 96 94;
--cheek-red-oklch: oklch(0.564 0.088 22);
}
.element {
color: var(--cheek-red);
background-color: hsl(2 27% 50%);
border-color: oklch(0.564 0.088 22);
}Tailwind CSS v4
@theme {
--color-cheek-red: #a3605e;
--color-cheek-red-50: #ffece9;
--color-cheek-red-100: #ffddda;
--color-cheek-red-200: #f8c6c2;
--color-cheek-red-300: #e1a6a2;
--color-cheek-red-400: #cd8a87;
--color-cheek-red-500: #b96e6c;
--color-cheek-red-600: #9d5d5b;
--color-cheek-red-700: #7e4a49;
--color-cheek-red-800: #5d3636;
--color-cheek-red-900: #412525;
--color-cheek-red-950: #2a1313;
}SCSS
$cheek-red: #a3605e;
$cheek-red-rgb: 163, 96, 94;
$cheek-red-light: mix(#fff, $cheek-red, 20%);
$cheek-red-dark: mix(#000, $cheek-red, 20%);
.element {
color: $cheek-red;
box-shadow: 0 0 0 2px rgba($cheek-red, 0.35);
}