色名 · #939FA9
Frilled Shark
Frilled Sharkは#939FA9：rgb(147 159 169)、hsl(207 11% 62%)、oklch(0.696 0.02 243.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Frilled Shark color name →
#939FA9
oklch(0.696 0.02 243.1)
カラー変換
- HEX
- #939fa9
- RGB
- rgb(147 159 169)
- HSL
- hsl(207 11% 62%)
- HWB
- hwb(207 58% 34%)
- OKLCH
- oklch(0.696 0.02 243.1)
- OKLab
- oklab(0.696 -0.009 -0.018)
- CIE Lab
- lab(64.76 -2.85 -6.76)
- LCH
- lch(64.76 7.34 247.1)
- CMYK
- cmyk(13% 6% 0% 34%)
ティント · シェード · トーン
ティント
- 9DA8B1
- A8B2BA
- B2BBC2
- BDC4CB
- C8CED3
- D3D8DC
- DEE1E5
- E9EBED
- F4F5F6
シェード
- 7F8A92
- 6C757C
- 596167
- 474D53
- 363B3F
- 25292C
- 16181B
- 08090A
- 010101
トーン
- 919CA5
- 8F99A1
- 8D969D
- 8B9298
- 8A8F94
- 888C90
- 86898C
- 848688
- 828384
カラーハーモニー
補色 +180°
- 939FA9
Frilled Shark
- A79B91
≈ Goat
類似色 -30° +30°
- 939FA9
Frilled Shark
- 90A1A5
≈ Cape Cod Blue
- 999DAA
≈ Wet Asphalt
トライアド +120° +240°
- 939FA9
Frilled Shark
- A9989C
≈ Sahara Dust
- 9B9F92
≈ Trellised Ivy
スプリットコンプリメンタリー +150° +210°
- 939FA9
Frilled Shark
- A99995
≈ Twilight Taupe
- A19D90
≈ Dawn
テトラード +90° +180° +270°
- 939FA9
Frilled Shark
- A599A3
≈ Mystique
- A79B91
≈ Goat
- 94A197
≈ Verdant Retreat
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.70:1 · APCA Lc 52
Ag
AAA黒の上
WCAG 7.77:1 · APCA Lc 49
最適な文字色: #000000
WCAG 7.77:1 (AAA) · APCA Lc 49
Contrast pairs
コードスニペット
CSS
:root {
--frilled-shark: #939fa9;
--frilled-shark-rgb: 147 159 169;
--frilled-shark-oklch: oklch(0.696 0.02 243.1);
}
.element {
color: var(--frilled-shark);
background-color: hsl(207 11% 62%);
border-color: oklch(0.696 0.02 243.1);
}Tailwind CSS v4
@theme {
--color-frilled-shark: #939fa9;
--color-frilled-shark-50: #f1f6fb;
--color-frilled-shark-100: #e3e9ee;
--color-frilled-shark-200: #cdd5dc;
--color-frilled-shark-300: #afb9c1;
--color-frilled-shark-400: #95a0aa;
--color-frilled-shark-500: #7b8893;
--color-frilled-shark-600: #68737c;
--color-frilled-shark-700: #535c63;
--color-frilled-shark-800: #3c4349;
--color-frilled-shark-900: #292f32;
--color-frilled-shark-950: #171b1e;
}SCSS
$frilled-shark: #939fa9;
$frilled-shark-rgb: 147, 159, 169;
$frilled-shark-light: mix(#fff, $frilled-shark, 20%);
$frilled-shark-dark: mix(#000, $frilled-shark, 20%);
.element {
color: $frilled-shark;
box-shadow: 0 0 0 2px rgba($frilled-shark, 0.35);
}