Benoemde kleur · #CBB5B2
Puka Shell
Puka Shell is #CBB5B2: rgb(203 181 178), hsl(7 19% 75%), oklch(0.791 0.026 27). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Puka Shell color name →
#CBB5B2
oklch(0.791 0.026 27)
Kleurconversies
- HEX
- #cbb5b2
- RGB
- rgb(203 181 178)
- HSL
- hsl(7 19% 75%)
- HWB
- hwb(7 70% 20%)
- OKLCH
- oklch(0.791 0.026 27)
- OKLab
- oklab(0.791 0.023 0.012)
- CIE Lab
- lab(75.52 7.76 4.56)
- LCH
- lch(75.52 9 30.4)
- CMYK
- cmyk(0% 11% 12% 20%)
Tinten · Schaduwen · Tonen
Tinten
- D0BCB9
- D5C3C1
- DBCBC9
- E0D2D0
- E5D9D8
- EAE1E0
- EFE8E7
- F5F0EF
- FAF7F7
Schaduwen
- B09D9A
- 968683
- 7D6F6D
- 655957
- 4D4443
- 37302F
- 221D1D
- 0F0C0C
- 020201
Tonen
- C3B0AD
- BCAAA8
- B4A5A3
- AC9F9E
- A59A99
- 9D9594
- 96908F
- 8F8A8A
- 878585
Kleurharmonieën
Complementair +180°
- CBB5B2
Puka Shell
- A9C0C3
≈ Bleu Clair
Analoog -30° +30°
- CBB5B2
Puka Shell
- CAB4BB
≈ Candlelight Dinner
- C8B7AB
≈ Boardwalk Sashay
Triadisch +120° +240°
- CBB5B2
Puka Shell
- B1C0B1
≈ Flagstaff Green
- B3BBCC
≈ Heritage
Gesplitst complementair +150° +210°
- CBB5B2
Puka Shell
- AAC1BA
≈ Garden Gazebo
- ACBECA
≈ Cerulean Tint
Tetradisch +90° +180° +270°
- CBB5B2
Puka Shell
- B9BDAB
≈ Dry Catmint
- A9C0C3
≈ Bleu Clair
- BCB8CA
≈ Wild Lilac
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.94:1 · APCA Lc 37
Ag
AAAOp zwart
WCAG 10.79:1 · APCA Lc 65
Beste tekstkleur: #000000
WCAG 10.79:1 (AAA) · APCA Lc 65
Contrast pairs
Codefragmenten
CSS
:root {
--puka-shell: #cbb5b2;
--puka-shell-rgb: 203 181 178;
--puka-shell-oklch: oklch(0.791 0.026 27);
}
.element {
color: var(--puka-shell);
background-color: hsl(7 19% 75%);
border-color: oklch(0.791 0.026 27);
}Tailwind CSS v4
@theme {
--color-puka-shell: #cbb5b2;
--color-puka-shell-50: #fcf3f1;
--color-puka-shell-100: #f0e5e3;
--color-puka-shell-200: #dfd0ce;
--color-puka-shell-300: #c4b3b0;
--color-puka-shell-400: #ad9996;
--color-puka-shell-500: #97807d;
--color-puka-shell-600: #7f6c6a;
--color-puka-shell-700: #665755;
--color-puka-shell-800: #4b3f3e;
--color-puka-shell-900: #342b2b;
--color-puka-shell-950: #1f1918;
}SCSS
$puka-shell: #cbb5b2;
$puka-shell-rgb: 203, 181, 178;
$puka-shell-light: mix(#fff, $puka-shell, 20%);
$puka-shell-dark: mix(#000, $puka-shell, 20%);
.element {
color: $puka-shell;
box-shadow: 0 0 0 2px rgba($puka-shell, 0.35);
}