色名 · #DFDCD5
River Shark
River Sharkは#DFDCD5：rgb(223 220 213)、hsl(42 14% 85%)、oklch(0.895 0.01 87.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · River Shark color name →
#DFDCD5
oklch(0.895 0.01 87.5)
カラー変換
- HEX
- #dfdcd5
- RGB
- rgb(223 220 213)
- HSL
- hsl(42 14% 85%)
- HWB
- hwb(42 84% 13%)
- OKLCH
- oklch(0.895 0.01 87.5)
- OKLab
- oklab(0.895 0 0.01)
- CIE Lab
- lab(87.85 0.14 3.83)
- LCH
- lch(87.85 3.83 87.9)
- CMYK
- cmyk(0% 1% 4% 13%)
ティント · シェード · トーン
ティント
- E2DFD9
- E5E3DD
- E9E6E1
- ECEAE6
- EFEDEA
- F2F1EE
- F5F4F2
- F9F8F6
- FCFBFB
シェード
- C2BFB9
- A5A39E
- 8A8883
- 6F6E6A
- 565451
- 3D3C3A
- 272624
- 121110
- 020202
トーン
- D5D2CC
- CBC9C3
- C2BFBB
- B8B6B2
- AEADAA
- A5A4A1
- 9B9B99
- 929290
- 898988
カラーハーモニー
補色 +180°
- DFDCD5
River Shark
- D9DCE3
≈ Inked Silk
類似色 -30° +30°
- DFDCD5
River Shark
- E2DBD6
≈ Hint of Mauve
- DCDDD6
≈ Frosty White
トライアド +120° +240°
- DFDCD5
River Shark
- D5DEE0
≈ Spa Blue
- E0DAE0
≈ Breathless
スプリットコンプリメンタリー +150° +210°
- DFDCD5
River Shark
- D6DDE2
≈ Mystic Pool
- DDDBE2
≈ Mechagodzilla
テトラード +90° +180° +270°
- DFDCD5
River Shark
- D6DFDC
≈ Rapier Silver
- D9DCE3
≈ Inked Silk
- E2DADC
≈ Wishy-Washy Red
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.36:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.33:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.33:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--river-shark: #dfdcd5;
--river-shark-rgb: 223 220 213;
--river-shark-oklch: oklch(0.895 0.01 87.5);
}
.element {
color: var(--river-shark);
background-color: hsl(42 14% 85%);
border-color: oklch(0.895 0.01 87.5);
}Tailwind CSS v4
@theme {
--color-river-shark: #dfdcd5;
--color-river-shark-50: #f6f5f2;
--color-river-shark-100: #e9e8e4;
--color-river-shark-200: #d6d4cf;
--color-river-shark-300: #b9b7b2;
--color-river-shark-400: #a19e98;
--color-river-shark-500: #89867f;
--color-river-shark-600: #74716b;
--color-river-shark-700: #5d5b56;
--color-river-shark-800: #44423e;
--color-river-shark-900: #2f2e2b;
--color-river-shark-950: #1b1a18;
}SCSS
$river-shark: #dfdcd5;
$river-shark-rgb: 223, 220, 213;
$river-shark-light: mix(#fff, $river-shark, 20%);
$river-shark-dark: mix(#000, $river-shark, 20%);
.element {
color: $river-shark;
box-shadow: 0 0 0 2px rgba($river-shark, 0.35);
}