色名 · #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);
}