Named color · #B5D5D7
Pocket Lint
Pocket Lint is #B5D5D7: rgb(181 213 215), hsl(184 30% 78%), oklch(0.85 0.034 201.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Pocket Lint color name →
#B5D5D7
oklch(0.85 0.034 201.2)
Color conversions
- HEX
- #b5d5d7
- RGB
- rgb(181 213 215)
- HSL
- hsl(184 30% 78%)
- HWB
- hwb(184 71% 16%)
- OKLCH
- oklch(0.85 0.034 201.2)
- OKLab
- oklab(0.85 -0.032 -0.012)
- CIE Lab
- lab(82.97 -10.67 -4.74)
- LCH
- lch(82.97 11.68 203.9)
- CMYK
- cmyk(16% 1% 0% 16%)
Tints · Shades · Tones
Tints
- BCD9DB
- C4DDDF
- CBE2E3
- D3E6E7
- DAEAEB
- E1EEEF
- E9F2F3
- F0F7F7
- F8FBFB
Shades
- 9DB9BB
- 869E9F
- 6F8385
- 596A6B
- 445152
- 303A3B
- 1D2425
- 0C1011
- 020202
Tones
- B0CCCE
- AAC3C5
- A5BBBC
- A0B2B3
- 9AAAAA
- 95A1A2
- 909999
- 8B9091
- 858888
Color harmonies
Complementary +180°
- B5D5D7
Pocket Lint
- E4C6C4
≈ Powdered Petals
Analogous -30° +30°
- B5D5D7
Pocket Lint
- B9D6CB
≈ Gemini
- B8D2E0
≈ Pale Whale
Triadic +120° +240°
- B5D5D7
Pocket Lint
- D9C7DC
≈ Euphoric Lilac
- D9CCB5
≈ Sandstone Palette
Split-complementary +150° +210°
- B5D5D7
Pocket Lint
- E1C5D0
≈ In the Slip
- E1C8BA
≈ Sand Dance
Tetradic +90° +180° +270°
- B5D5D7
Pocket Lint
- CDCAE3
≈ Opus
- E4C6C4
≈ Powdered Petals
- CED0B7
≈ Chinese Jade
Contrast & accessibility
Ag
FailOn white
WCAG 1.55:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.46:1 · APCA Lc 77
Best text color: #000000
WCAG 13.46:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--pocket-lint: #b5d5d7;
--pocket-lint-rgb: 181 213 215;
--pocket-lint-oklch: oklch(0.85 0.034 201.2);
}
.element {
color: var(--pocket-lint);
background-color: hsl(184 30% 78%);
border-color: oklch(0.85 0.034 201.2);
}Tailwind CSS v4
@theme {
--color-pocket-lint: #b5d5d7;
--color-pocket-lint-50: #ebf8f9;
--color-pocket-lint-100: #dcebed;
--color-pocket-lint-200: #c4d9db;
--color-pocket-lint-300: #a4bdbf;
--color-pocket-lint-400: #88a5a7;
--color-pocket-lint-500: #6c8d8f;
--color-pocket-lint-600: #5c7879;
--color-pocket-lint-700: #496061;
--color-pocket-lint-800: #354647;
--color-pocket-lint-900: #243131;
--color-pocket-lint-950: #131d1d;
}SCSS
$pocket-lint: #b5d5d7;
$pocket-lint-rgb: 181, 213, 215;
$pocket-lint-light: mix(#fff, $pocket-lint, 20%);
$pocket-lint-dark: mix(#000, $pocket-lint, 20%);
.element {
color: $pocket-lint;
box-shadow: 0 0 0 2px rgba($pocket-lint, 0.35);
}