色名 · #9DBBCD
Partly Cloudy
Partly Cloudyは#9DBBCD：rgb(157 187 205)、hsl(203 32% 71%)、oklch(0.776 0.042 234.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Partly Cloudy color name →
#9DBBCD
oklch(0.776 0.042 234.4)
カラー変換
- HEX
- #9dbbcd
- RGB
- rgb(157 187 205)
- HSL
- hsl(203 32% 71%)
- HWB
- hwb(203 62% 20%)
- OKLCH
- oklch(0.776 0.042 234.4)
- OKLab
- oklab(0.776 -0.024 -0.034)
- CIE Lab
- lab(74.08 -7.53 -12.67)
- LCH
- lch(74.08 14.74 239.3)
- CMYK
- cmyk(23% 9% 0% 20%)
ティント · シェード · トーン
ティント
- A7C2D2
- B0C8D7
- BACFDC
- C4D6E1
- CDDDE6
- D7E3EB
- E1EAF0
- EBF1F5
- F5F8FA
シェード
- 88A2B2
- 738A98
- 5F737E
- 4C5C66
- 3A464E
- 283238
- 181F23
- 090D0F
- 010202
トーン
- 9AB5C5
- 97AFBD
- 95A9B5
- 92A3AE
- 8F9DA6
- 8C979E
- 899197
- 868C8F
- 838687
カラーハーモニー
補色 +180°
- 9DBBCD
Partly Cloudy
- CCB09E
≈ Frappé
類似色 -30° +30°
- 9DBBCD
Partly Cloudy
- 98BEC2
≈ Bel Esprit
- A9B6D1
≈ Minuet
トライアド +120° +240°
- 9DBBCD
Partly Cloudy
- CDACB8
≈ Pink Potion
- B5BA9C
≈ Foille
スプリットコンプリメンタリー +150° +210°
- 9DBBCD
Partly Cloudy
- D0ACA9
≈ Vista
- C3B498
≈ Palisade
テトラード +90° +180° +270°
- 9DBBCD
Partly Cloudy
- C4ADC5
≈ Heather Feather
- CCB09E
≈ Frappé
- A6BDA6
≈ Bryophyte
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.01:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.42:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.42:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--partly-cloudy: #9dbbcd;
--partly-cloudy-rgb: 157 187 205;
--partly-cloudy-oklch: oklch(0.776 0.042 234.4);
}
.element {
color: var(--partly-cloudy);
background-color: hsl(203 32% 71%);
border-color: oklch(0.776 0.042 234.4);
}Tailwind CSS v4
@theme {
--color-partly-cloudy: #9dbbcd;
--color-partly-cloudy-50: #ebf7ff;
--color-partly-cloudy-100: #dbeaf4;
--color-partly-cloudy-200: #c4d7e4;
--color-partly-cloudy-300: #a4bbca;
--color-partly-cloudy-400: #87a3b4;
--color-partly-cloudy-500: #6b8b9e;
--color-partly-cloudy-600: #5b7685;
--color-partly-cloudy-700: #495e6b;
--color-partly-cloudy-800: #34454e;
--color-partly-cloudy-900: #233037;
--color-partly-cloudy-950: #121c21;
}SCSS
$partly-cloudy: #9dbbcd;
$partly-cloudy-rgb: 157, 187, 205;
$partly-cloudy-light: mix(#fff, $partly-cloudy, 20%);
$partly-cloudy-dark: mix(#000, $partly-cloudy, 20%);
.element {
color: $partly-cloudy;
box-shadow: 0 0 0 2px rgba($partly-cloudy, 0.35);
}