Benoemde kleur · #EFB6D8
Soft Cashmere
Soft Cashmere is #EFB6D8: rgb(239 182 216), hsl(324 64% 83%), oklch(0.838 0.079 342.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Pink mean? → · Soft Cashmere color name →
#EFB6D8
oklch(0.838 0.079 342.4)
Kleurconversies
- HEX
- #efb6d8
- RGB
- rgb(239 182 216)
- HSL
- hsl(324 64% 83%)
- HWB
- hwb(324 71% 6%)
- OKLCH
- oklch(0.838 0.079 342.4)
- OKLab
- oklab(0.838 0.075 -0.024)
- CIE Lab
- lab(80.12 25.15 -8.74)
- LCH
- lch(80.12 26.63 340.8)
- CMYK
- cmyk(0% 24% 10% 6%)
Tinten · Schaduwen · Tonen
Tinten
- F1BDDC
- F3C5E0
- F5CCE4
- F6D3E8
- F8DAEB
- FAE2EF
- FBE9F3
- FCF0F7
- FEF8FB
Schaduwen
- D09EBC
- B186A0
- 946F85
- 78596B
- 5C4453
- 42303B
- 2A1D25
- 140C11
- 030202
Tonen
- E4B1CF
- D8ABC6
- CDA6BD
- C2A0B4
- B79BAB
- AC96A2
- A1909A
- 968B91
- 8B8588
Kleurharmonieën
Complementair +180°
- EFB6D8
Soft Cashmere
- 9BDBBB
≈ Birthday King
Analoog -30° +30°
- EFB6D8
Soft Cashmere
- DCBCEF
≈ Beefy Pink
- F9B5BC
≈ Ballerina Pink
Triadisch +120° +240°
- EFB6D8
Soft Cashmere
- D3CC90
≈ Royal Goblet
- 8FD6EF
≈ Blue Effervescence
Gesplitst complementair +150° +210°
- EFB6D8
Soft Cashmere
- B7D5A0
≈ In Good Taste
- 8ADBD7
≈ Island Oasis
Tetradisch +90° +180° +270°
- EFB6D8
Soft Cashmere
- EAC291
≈ Apple Turnover
- 9BDBBB
≈ Birthday King
- A5CEFD
≈ Baby Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.70:1 · APCA Lc 30
Ag
AAAOp zwart
WCAG 12.35:1 · APCA Lc 72
Beste tekstkleur: #000000
WCAG 12.35:1 (AAA) · APCA Lc 72
Contrast pairs
Codefragmenten
CSS
:root {
--soft-cashmere: #efb6d8;
--soft-cashmere-rgb: 239 182 216;
--soft-cashmere-oklch: oklch(0.838 0.079 342.4);
}
.element {
color: var(--soft-cashmere);
background-color: hsl(324 64% 83%);
border-color: oklch(0.838 0.079 342.4);
}Tailwind CSS v4
@theme {
--color-soft-cashmere: #efb6d8;
--color-soft-cashmere-50: #ffedfb;
--color-soft-cashmere-100: #fcdeee;
--color-soft-cashmere-200: #eec7dc;
--color-soft-cashmere-300: #d6a8c1;
--color-soft-cashmere-400: #c08cab;
--color-soft-cashmere-500: #ab7194;
--color-soft-cashmere-600: #90607e;
--color-soft-cashmere-700: #744c65;
--color-soft-cashmere-800: #55374b;
--color-soft-cashmere-900: #3b2634;
--color-soft-cashmere-950: #25141f;
}SCSS
$soft-cashmere: #efb6d8;
$soft-cashmere-rgb: 239, 182, 216;
$soft-cashmere-light: mix(#fff, $soft-cashmere, 20%);
$soft-cashmere-dark: mix(#000, $soft-cashmere, 20%);
.element {
color: $soft-cashmere;
box-shadow: 0 0 0 2px rgba($soft-cashmere, 0.35);
}