이름 색상 · #D8E2DF
Streetwise
Streetwise은(는) #D8E2DF: rgb(216 226 223), hsl(162 15% 87%), oklch(0.904 0.011 176.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Streetwise color name →
#D8E2DF
oklch(0.904 0.011 176.3)
색상 변환
- HEX
- #d8e2df
- RGB
- rgb(216 226 223)
- HSL
- hsl(162 15% 87%)
- HWB
- hwb(162 85% 11%)
- OKLCH
- oklch(0.904 0.011 176.3)
- OKLab
- oklab(0.904 -0.011 0.001)
- CIE Lab
- lab(89.05 -3.88 0.25)
- LCH
- lch(89.05 3.89 176.4)
- CMYK
- cmyk(4% 0% 1% 11%)
틴트 · 셰이드 · 톤
틴트
- DCE5E2
- E0E8E5
- E4EBE9
- E7EEEC
- EBF0EF
- EFF3F2
- F3F6F5
- F7F9F9
- FBFCFC
셰이드
- BCC4C2
- A0A8A5
- 858C8A
- 6B716F
- 535756
- 3B3E3D
- 252727
- 111212
- 020302
톤
- CFD8D5
- C6CECB
- BDC4C2
- B4BAB8
- ABB0AE
- A2A6A5
- 9A9C9B
- 919392
- 888989
색 조화
보색 +180°
- D8E2DF
Streetwise
- E6DCDF
≈ White Cherry
유사색 -30° +30°
- D8E2DF
Streetwise
- DBE2DB
≈ Wishy-Washy Mint
- D7E2E3
≈ Glassine
삼각 배색 +120° +240°
- D8E2DF
Streetwise
- E0DEE6
≈ Frozen Statues
- E6DED8
≈ Pale Starlet
분열 보색 +150° +210°
- D8E2DF
Streetwise
- E4DDE3
≈ Rusty Pebble
- E7DDDB
≈ Red Dust
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.32:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.86:1 · APCA Lc 88
가장 좋은 글자색: #000000
WCAG 15.86:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--streetwise: #d8e2df;
--streetwise-rgb: 216 226 223;
--streetwise-oklch: oklch(0.904 0.011 176.3);
}
.element {
color: var(--streetwise);
background-color: hsl(162 15% 87%);
border-color: oklch(0.904 0.011 176.3);
}Tailwind CSS v4
@theme {
--color-streetwise: #d8e2df;
--color-streetwise-50: #f2f6f5;
--color-streetwise-100: #e4e9e8;
--color-streetwise-200: #cfd6d4;
--color-streetwise-300: #b2b9b7;
--color-streetwise-400: #98a19e;
--color-streetwise-500: #7f8986;
--color-streetwise-600: #6b7471;
--color-streetwise-700: #565d5b;
--color-streetwise-800: #3e4442;
--color-streetwise-900: #2b2f2e;
--color-streetwise-950: #181b1a;
}SCSS
$streetwise: #d8e2df;
$streetwise-rgb: 216, 226, 223;
$streetwise-light: mix(#fff, $streetwise, 20%);
$streetwise-dark: mix(#000, $streetwise, 20%);
.element {
color: $streetwise;
box-shadow: 0 0 0 2px rgba($streetwise, 0.35);
}