이름 색상 · #B5D5D7
Pocket Lint
Pocket Lint은(는) #B5D5D7: rgb(181 213 215), hsl(184 30% 78%), oklch(0.85 0.034 201.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Pocket Lint color name →
#B5D5D7
oklch(0.85 0.034 201.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- BCD9DB
- C4DDDF
- CBE2E3
- D3E6E7
- DAEAEB
- E1EEEF
- E9F2F3
- F0F7F7
- F8FBFB
셰이드
- 9DB9BB
- 869E9F
- 6F8385
- 596A6B
- 445152
- 303A3B
- 1D2425
- 0C1011
- 020202
톤
- B0CCCE
- AAC3C5
- A5BBBC
- A0B2B3
- 9AAAAA
- 95A1A2
- 909999
- 8B9091
- 858888
색 조화
보색 +180°
- B5D5D7
Pocket Lint
- E4C6C4
≈ Powdered Petals
유사색 -30° +30°
- B5D5D7
Pocket Lint
- B9D6CB
≈ Gemini
- B8D2E0
≈ Pale Whale
삼각 배색 +120° +240°
- B5D5D7
Pocket Lint
- D9C7DC
≈ Euphoric Lilac
- D9CCB5
≈ Sandstone Palette
분열 보색 +150° +210°
- B5D5D7
Pocket Lint
- E1C5D0
≈ In the Slip
- E1C8BA
≈ Sand Dance
사각 배색 +90° +180° +270°
- B5D5D7
Pocket Lint
- CDCAE3
≈ Opus
- E4C6C4
≈ Powdered Petals
- CED0B7
≈ Chinese Jade
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.55:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.46:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.46:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
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);
}