色名 · #A2BBC1
Soft Shore
Soft Shoreは#A2BBC1：rgb(162 187 193)、hsl(192 20% 70%)、oklch(0.775 0.029 213.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Soft Shore color name →
#A2BBC1
oklch(0.775 0.029 213.8)
カラー変換
- HEX
- #a2bbc1
- RGB
- rgb(162 187 193)
- HSL
- hsl(192 20% 70%)
- HWB
- hwb(192 64% 24%)
- OKLCH
- oklch(0.775 0.029 213.8)
- OKLab
- oklab(0.775 -0.024 -0.016)
- CIE Lab
- lab(74.12 -7.88 -6.07)
- LCH
- lch(74.12 9.95 217.6)
- CMYK
- cmyk(16% 3% 0% 24%)
ティント · シェード · トーン
ティント
- ABC2C7
- B4C8CD
- BDCFD3
- C7D6D9
- D0DDE0
- D9E3E6
- E3EAEC
- ECF1F2
- F5F8F9
シェード
- 8CA2A7
- 778A8F
- 637377
- 4F5C5F
- 3C4649
- 2A3234
- 191F20
- 0A0D0E
- 010202
トーン
- 9FB5BA
- 9BAFB4
- 98A9AD
- 94A3A6
- 919DA0
- 8E9799
- 8A9193
- 878C8D
- 838686
カラーハーモニー
補色 +180°
- A2BBC1
Soft Shore
- C7B0AA
≈ Insightful Rose
類似色 -30° +30°
- A2BBC1
Soft Shore
- A3BCB8
≈ Chance of Showers
- A7B8C7
≈ Blue Tribute
トライアド +120° +240°
- A2BBC1
Soft Shore
- C2AFBE
≈ La-De-Dah
- BCB6A2
≈ Koala Bear
スプリットコンプリメンタリー +150° +210°
- A2BBC1
Soft Shore
- C7AFB4
≈ Mature
- C3B2A3
≈ Coral Clay
テトラード +90° +180° +270°
- A2BBC1
Soft Shore
- B9B2C5
≈ Misty Lilac
- C7B0AA
≈ Insightful Rose
- B2B9A5
≈ Matt Sage
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.01:1 · APCA Lc 39
Ag
AAA黒の上
WCAG 10.41:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.41:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--soft-shore: #a2bbc1;
--soft-shore-rgb: 162 187 193;
--soft-shore-oklch: oklch(0.775 0.029 213.8);
}
.element {
color: var(--soft-shore);
background-color: hsl(192 20% 70%);
border-color: oklch(0.775 0.029 213.8);
}Tailwind CSS v4
@theme {
--color-soft-shore: #a2bbc1;
--color-soft-shore-50: #edf7fa;
--color-soft-shore-100: #deeaee;
--color-soft-shore-200: #c7d8dc;
--color-soft-shore-300: #a8bbc1;
--color-soft-shore-400: #8ca3a9;
--color-soft-shore-500: #718b92;
--color-soft-shore-600: #60767b;
--color-soft-shore-700: #4d5e63;
--color-soft-shore-800: #374548;
--color-soft-shore-900: #263032;
--color-soft-shore-950: #141c1e;
}SCSS
$soft-shore: #a2bbc1;
$soft-shore-rgb: 162, 187, 193;
$soft-shore-light: mix(#fff, $soft-shore, 20%);
$soft-shore-dark: mix(#000, $soft-shore, 20%);
.element {
color: $soft-shore;
box-shadow: 0 0 0 2px rgba($soft-shore, 0.35);
}