色名 · #4A5D5F
Still Waters Run Deep
Still Waters Run Deepは#4A5D5F：rgb(74 93 95)、hsl(186 12% 33%)、oklch(0.463 0.023 204.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Still Waters Run Deep color name →
#4A5D5F
oklch(0.463 0.023 204.3)
カラー変換
- HEX
- #4a5d5f
- RGB
- rgb(74 93 95)
- HSL
- hsl(186 12% 33%)
- HWB
- hwb(186 29% 63%)
- OKLCH
- oklch(0.463 0.023 204.3)
- OKLab
- oklab(0.463 -0.021 -0.01)
- CIE Lab
- lab(37.96 -7.13 -3.68)
- LCH
- lch(37.96 8.03 207.3)
- CMYK
- cmyk(22% 2% 0% 63%)
ティント · シェード · トーン
ティント
- 5A6C6E
- 6B7B7D
- 7D8B8C
- 8E9A9C
- A0AAAC
- B3BBBC
- C5CCCC
- D8DCDD
- EBEEEE
シェード
- 3F5052
- 354344
- 2A3738
- 202A2C
- 171F20
- 0E1415
- 060A0A
- 020303
- 000000
トーン
- 4F6062
- 556465
- 5A6769
- 5F6B6C
- 656E6F
- 6A7273
- 707576
- 757979
- 7B7C7D
カラーハーモニー
補色 +180°
- 4A5D5F
Still Waters Run Deep
- 665452
≈ Wenge
類似色 -30° +30°
- 4A5D5F
Still Waters Run Deep
- 4C5D58
≈ Silken Pine
- 4D5B64
≈ Dark and Stormy Night
トライアド +120° +240°
- 4A5D5F
Still Waters Run Deep
- 605560
≈ Fedora
- 5F584A
≈ Mud Room
スプリットコンプリメンタリー +150° +210°
- 4A5D5F
Still Waters Run Deep
- 64545A
≈ Indulgent
- 64564D
≈ Osprey
テトラード +90° +180° +270°
- 4A5D5F
Still Waters Run Deep
- 595765
≈ Ripe Berry
- 665452
≈ Wenge
- 585B4C
≈ Sherwood Forest
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.94:1 · APCA Lc 84
Ag
Fail黒の上
WCAG 3.02:1 · APCA Lc 18
最適な文字色: #FFFFFF
WCAG 6.94:1 (AA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--still-waters-run-deep: #4a5d5f;
--still-waters-run-deep-rgb: 74 93 95;
--still-waters-run-deep-oklch: oklch(0.463 0.023 204.3);
}
.element {
color: var(--still-waters-run-deep);
background-color: hsl(186 12% 33%);
border-color: oklch(0.463 0.023 204.3);
}Tailwind CSS v4
@theme {
--color-still-waters-run-deep: #4a5d5f;
--color-still-waters-run-deep-50: #eef7f8;
--color-still-waters-run-deep-100: #dfeaec;
--color-still-waters-run-deep-200: #c9d7d9;
--color-still-waters-run-deep-300: #aabbbd;
--color-still-waters-run-deep-400: #8fa3a5;
--color-still-waters-run-deep-500: #758b8d;
--color-still-waters-run-deep-600: #637678;
--color-still-waters-run-deep-700: #4f5e60;
--color-still-waters-run-deep-800: #394546;
--color-still-waters-run-deep-900: #273030;
--color-still-waters-run-deep-950: #151c1d;
}SCSS
$still-waters-run-deep: #4a5d5f;
$still-waters-run-deep-rgb: 74, 93, 95;
$still-waters-run-deep-light: mix(#fff, $still-waters-run-deep, 20%);
$still-waters-run-deep-dark: mix(#000, $still-waters-run-deep, 20%);
.element {
color: $still-waters-run-deep;
box-shadow: 0 0 0 2px rgba($still-waters-run-deep, 0.35);
}