Benoemde kleur · #B67CA2
Purple Cheeks
Purple Cheeks is #B67CA2: rgb(182 124 162), hsl(321 28% 60%), oklch(0.657 0.088 340.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Pink mean? → · Purple Cheeks color name →
#B67CA2
oklch(0.657 0.088 340.3)
Kleurconversies
- HEX
- #b67ca2
- RGB
- rgb(182 124 162)
- HSL
- hsl(321 28% 60%)
- HWB
- hwb(321 49% 29%)
- OKLCH
- oklch(0.657 0.088 340.3)
- OKLab
- oklab(0.657 0.083 -0.03)
- CIE Lab
- lab(59.02 27.55 -10.84)
- LCH
- lch(59.02 29.6 338.5)
- CMYK
- cmyk(0% 32% 11% 29%)
Tinten · Schaduwen · Tonen
Tinten
- BE89AB
- C595B4
- CDA2BD
- D4AFC6
- DCBCD0
- E3C9D9
- EAD7E2
- F1E4EC
- F8F1F5
Schaduwen
- 9E6B8C
- 865A77
- 6F4A63
- 593B4F
- 442C3C
- 301E2A
- 1D1119
- 0C050A
- 020101
Tonen
- B17D9F
- AC7D9B
- A67E98
- A17E94
- 9C7F91
- 967F8E
- 917F8A
- 8B8087
- 868083
Kleurharmonieën
Complementair +180°
- B67CA2
Purple Cheeks
- 5EA27F
≈ Plumosa
Analoog -30° +30°
- B67CA2
Purple Cheeks
- A282BA
≈ Purple Mountains’ Majesty
- C07B85
≈ Japanese Coral
Triadisch +120° +240°
- B67CA2
Purple Cheeks
- 9D9351
≈ Backroom Ember
- 4B9EB7
≈ Rushing Rapids
Gesplitst complementair +150° +210°
- B67CA2
Purple Cheeks
- 7F9C63
≈ Walking Dead
- 46A39E
≈ Bahaman Bliss
Tetradisch +90° +180° +270°
- B67CA2
Purple Cheeks
- B48853
≈ Sand Mountain
- 5EA27F
≈ Plumosa
- 6795C5
≈ Eyeshadow Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.28:1 · APCA Lc 60
Ag
AAOp zwart
WCAG 6.39:1 · APCA Lc 42
Beste tekstkleur: #000000
WCAG 6.39:1 (AA) · APCA Lc 42
Contrast pairs
Codefragmenten
CSS
:root {
--purple-cheeks: #b67ca2;
--purple-cheeks-rgb: 182 124 162;
--purple-cheeks-oklch: oklch(0.657 0.088 340.3);
}
.element {
color: var(--purple-cheeks);
background-color: hsl(321 28% 60%);
border-color: oklch(0.657 0.088 340.3);
}Tailwind CSS v4
@theme {
--color-purple-cheeks: #b67ca2;
--color-purple-cheeks-50: #ffecfc;
--color-purple-cheeks-100: #feddf0;
--color-purple-cheeks-200: #f0c6df;
--color-purple-cheeks-300: #d8a6c4;
--color-purple-cheeks-400: #c28aaf;
--color-purple-cheeks-500: #ad6e98;
--color-purple-cheeks-600: #925e81;
--color-purple-cheeks-700: #754b67;
--color-purple-cheeks-800: #56364d;
--color-purple-cheeks-900: #3c2535;
--color-purple-cheeks-950: #261320;
}SCSS
$purple-cheeks: #b67ca2;
$purple-cheeks-rgb: 182, 124, 162;
$purple-cheeks-light: mix(#fff, $purple-cheeks, 20%);
$purple-cheeks-dark: mix(#000, $purple-cheeks, 20%);
.element {
color: $purple-cheeks;
box-shadow: 0 0 0 2px rgba($purple-cheeks, 0.35);
}