이름 색상 · #9BAFBB
Rainy Sidewalk
Rainy Sidewalk은(는) #9BAFBB: rgb(155 175 187), hsl(202 19% 67%), oklch(0.742 0.028 234.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Rainy Sidewalk color name →
#9BAFBB
oklch(0.742 0.028 234.1)
색상 변환
- HEX
- #9bafbb
- RGB
- rgb(155 175 187)
- HSL
- hsl(202 19% 67%)
- HWB
- hwb(202 61% 27%)
- OKLCH
- oklch(0.742 0.028 234.1)
- OKLab
- oklab(0.742 -0.017 -0.023)
- CIE Lab
- lab(70.2 -5.26 -8.63)
- LCH
- lch(70.2 10.1 238.6)
- CMYK
- cmyk(17% 6% 0% 27%)
틴트 · 셰이드 · 톤
틴트
- A5B7C2
- AEBFC8
- B8C6CF
- C2CED6
- CCD6DD
- D6DEE3
- E0E6EA
- EAEFF1
- F5F7F8
셰이드
- 8698A2
- 72818A
- 5E6B73
- 4B565C
- 394146
- 282E32
- 181C1F
- 090B0D
- 010102
톤
- 98AAB5
- 96A5AF
- 93A1A9
- 909CA3
- 8E979D
- 8B9397
- 888E91
- 85898C
- 838586
색 조화
보색 +180°
- 9BAFBB
Rainy Sidewalk
- BBA79B
≈ Putty Grey
유사색 -30° +30°
- 9BAFBB
Rainy Sidewalk
- 98B1B4
≈ Ether
- A3ACBE
≈ Lilac Time
삼각 배색 +120° +240°
- 9BAFBB
Rainy Sidewalk
- BBA5AD
≈ Cold Pink
- ABAE9A
≈ Desert Pear
분열 보색 +150° +210°
- 9BAFBB
Rainy Sidewalk
- BDA5A3
≈ Florida Grey
- B4AB98
≈ Salem Clay
사각 배색 +90° +180° +270°
- 9BAFBB
Rainy Sidewalk
- B5A6B6
≈ Bellflower Violet
- BBA79B
≈ Putty Grey
- A1B1A1
≈ Grass Sands
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.27:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.24:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.24:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--rainy-sidewalk: #9bafbb;
--rainy-sidewalk-rgb: 155 175 187;
--rainy-sidewalk-oklch: oklch(0.742 0.028 234.1);
}
.element {
color: var(--rainy-sidewalk);
background-color: hsl(202 19% 67%);
border-color: oklch(0.742 0.028 234.1);
}Tailwind CSS v4
@theme {
--color-rainy-sidewalk: #9bafbb;
--color-rainy-sidewalk-50: #eef7fc;
--color-rainy-sidewalk-100: #dfeaf0;
--color-rainy-sidewalk-200: #c9d6df;
--color-rainy-sidewalk-300: #aabac4;
--color-rainy-sidewalk-400: #8fa2ad;
--color-rainy-sidewalk-500: #748a96;
--color-rainy-sidewalk-600: #63757f;
--color-rainy-sidewalk-700: #4f5d66;
--color-rainy-sidewalk-800: #39444b;
--color-rainy-sidewalk-900: #272f34;
--color-rainy-sidewalk-950: #151c1f;
}SCSS
$rainy-sidewalk: #9bafbb;
$rainy-sidewalk-rgb: 155, 175, 187;
$rainy-sidewalk-light: mix(#fff, $rainy-sidewalk, 20%);
$rainy-sidewalk-dark: mix(#000, $rainy-sidewalk, 20%);
.element {
color: $rainy-sidewalk;
box-shadow: 0 0 0 2px rgba($rainy-sidewalk, 0.35);
}