Benoemde kleur · #CDC1B2
Soft Pelican
Soft Pelican is #CDC1B2: rgb(205 193 178), hsl(33 21% 75%), oklch(0.817 0.025 73.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Soft Pelican color name →
#CDC1B2
oklch(0.817 0.025 73.6)
Kleurconversies
- HEX
- #cdc1b2
- RGB
- rgb(205 193 178)
- HSL
- hsl(33 21% 75%)
- HWB
- hwb(33 70% 20%)
- OKLCH
- oklch(0.817 0.025 73.6)
- OKLab
- oklab(0.817 0.007 0.024)
- CIE Lab
- lab(78.76 2.48 9.17)
- LCH
- lch(78.76 9.5 74.8)
- CMYK
- cmyk(0% 6% 13% 20%)
Tinten · Schaduwen · Tonen
Tinten
- D2C7BA
- D7CDC1
- DCD3C9
- E1D9D0
- E6E0D8
- EBE6E0
- F0ECE7
- F5F2EF
- FAF9F7
Schaduwen
- B2A79A
- 988F83
- 7E776D
- 665F57
- 4E4943
- 38342F
- 23201D
- 0F0E0C
- 020201
Tonen
- C5BAAD
- BDB4A8
- B5ADA3
- ADA69E
- A6A099
- 9E9994
- 96938F
- 8F8D8A
- 878685
Kleurharmonieën
Complementair +180°
- CDC1B2
Soft Pelican
- B8C4D3
≈ Stargate
Analoog -30° +30°
- CDC1B2
Soft Pelican
- D2BEB6
≈ Summer Bloom
- C5C4B2
≈ Kangaroo
Triadisch +120° +240°
- CDC1B2
Soft Pelican
- B2C8C7
≈ Restful Retreat
- C9BFCF
≈ Romantic Poetry
Gesplitst complementair +150° +210°
- CDC1B2
Soft Pelican
- B3C7CF
≈ Star Mist
- C0C1D3
≈ Silver Dagger
Tetradisch +90° +180° +270°
- CDC1B2
Soft Pelican
- B5C8BF
≈ Surf Spray
- B8C4D3
≈ Stargate
- CFBDC7
≈ Queen’s Tart
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.76:1 · APCA Lc 33
Ag
AAAOp zwart
WCAG 11.86:1 · APCA Lc 70
Beste tekstkleur: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Codefragmenten
CSS
:root {
--soft-pelican: #cdc1b2;
--soft-pelican-rgb: 205 193 178;
--soft-pelican-oklch: oklch(0.817 0.025 73.6);
}
.element {
color: var(--soft-pelican);
background-color: hsl(33 21% 75%);
border-color: oklch(0.817 0.025 73.6);
}Tailwind CSS v4
@theme {
--color-soft-pelican: #cdc1b2;
--color-soft-pelican-50: #f9f4ee;
--color-soft-pelican-100: #ede7df;
--color-soft-pelican-200: #dad3c9;
--color-soft-pelican-300: #bfb6aa;
--color-soft-pelican-400: #a89d8f;
--color-soft-pelican-500: #908475;
--color-soft-pelican-600: #7a7063;
--color-soft-pelican-700: #62594f;
--color-soft-pelican-800: #484139;
--color-soft-pelican-900: #322d27;
--color-soft-pelican-950: #1e1a15;
}SCSS
$soft-pelican: #cdc1b2;
$soft-pelican-rgb: 205, 193, 178;
$soft-pelican-light: mix(#fff, $soft-pelican, 20%);
$soft-pelican-dark: mix(#000, $soft-pelican, 20%);
.element {
color: $soft-pelican;
box-shadow: 0 0 0 2px rgba($soft-pelican, 0.35);
}