이름 색상 · #D0D0D7
Light Pensive
Light Pensive은(는) #D0D0D7: rgb(208 208 215), hsl(240 8% 83%), oklch(0.86 0.01 286.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Light Pensive color name →
#D0D0D7
oklch(0.86 0.01 286.2)
색상 변환
- HEX
- #d0d0d7
- RGB
- rgb(208 208 215)
- HSL
- hsl(240 8% 83%)
- HWB
- hwb(240 82% 16%)
- OKLCH
- oklch(0.86 0.01 286.2)
- OKLab
- oklab(0.86 0.003 -0.009)
- CIE Lab
- lab(83.64 0.96 -3.48)
- LCH
- lch(83.64 3.61 285.5)
- CMYK
- cmyk(3% 3% 0% 16%)
틴트 · 셰이드 · 톤
틴트
- D5D5DB
- D9D9DF
- DEDEE3
- E3E3E7
- E7E7EB
- ECECEF
- F1F1F3
- F5F5F7
- FAFAFB
셰이드
- B5B5BB
- 9A9A9F
- 808085
- 67676B
- 4F4F52
- 39393B
- 232325
- 101011
- 020202
톤
- C8C8CE
- BFBFC5
- B7B7BC
- AFAFB3
- A7A7AA
- 9F9FA2
- 979799
- 8F8F91
- 888888
색 조화
보색 +180°
- D0D0D7
Light Pensive
- D1D1CA
≈ Guild Grey
유사색 -30° +30°
- D0D0D7
Light Pensive
- CDD1D7
≈ Light Slipper Satin
- D3CFD5
≈ Jam Session
삼각 배색 +120° +240°
- D0D0D7
Light Pensive
- D7CFCC
≈ White City
- CBD3CF
≈ Sheer Light
분열 보색 +150° +210°
- D0D0D7
Light Pensive
- D4D0CA
≈ Light Taupe White
- CED2CC
≈ Sheer Light
사각 배색 +90° +180° +270°
- D0D0D7
Light Pensive
- D7CECF
≈ Smells of Fresh Bread
- D1D1CA
≈ Guild Grey
- CAD3D3
≈ Sky Splash
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.53:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.68:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.68:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--light-pensive: #d0d0d7;
--light-pensive-rgb: 208 208 215;
--light-pensive-oklch: oklch(0.86 0.01 286.2);
}
.element {
color: var(--light-pensive);
background-color: hsl(240 8% 83%);
border-color: oklch(0.86 0.01 286.2);
}Tailwind CSS v4
@theme {
--color-light-pensive: #d0d0d7;
--color-light-pensive-50: #f5f5f8;
--color-light-pensive-100: #e7e7eb;
--color-light-pensive-200: #d4d4d8;
--color-light-pensive-300: #b7b7bc;
--color-light-pensive-400: #9e9ea4;
--color-light-pensive-500: #85858c;
--color-light-pensive-600: #717177;
--color-light-pensive-700: #5a5a5f;
--color-light-pensive-800: #424246;
--color-light-pensive-900: #2d2d30;
--color-light-pensive-950: #1a1a1c;
}SCSS
$light-pensive: #d0d0d7;
$light-pensive-rgb: 208, 208, 215;
$light-pensive-light: mix(#fff, $light-pensive, 20%);
$light-pensive-dark: mix(#000, $light-pensive, 20%);
.element {
color: $light-pensive;
box-shadow: 0 0 0 2px rgba($light-pensive, 0.35);
}