色名 · #E3C9BE
Sultan Sand
Sultan Sandは#E3C9BE：rgb(227 201 190)、hsl(18 40% 82%)、oklch(0.855 0.033 44.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Sultan Sand color name →
#E3C9BE
oklch(0.855 0.033 44.3)
カラー変換
- HEX
- #e3c9be
- RGB
- rgb(227 201 190)
- HSL
- hsl(18 40% 82%)
- HWB
- hwb(18 75% 11%)
- OKLCH
- oklch(0.855 0.033 44.3)
- OKLab
- oklab(0.855 0.024 0.023)
- CIE Lab
- lab(82.96 8.14 9.04)
- LCH
- lch(82.96 12.16 48)
- CMYK
- cmyk(0% 11% 16% 11%)
ティント · シェード · トーン
ティント
- E6CEC4
- E9D4CB
- ECD9D1
- EEDED8
- F1E4DE
- F4E9E5
- F7EFEB
- FAF4F2
- FCFAF8
シェード
- C5AEA5
- A8958C
- 8C7C75
- 71645E
- 574C48
- 3F3633
- 27221F
- 120F0D
- 030202
トーン
- D9C1B8
- CFBAB1
- C4B3AB
- BAABA5
- B0A49F
- A79D98
- 9D9592
- 938E8C
- 898786
カラーハーモニー
補色 +180°
- E3C9BE
Sultan Sand
- B9D4E0
≈ Millstream
類似色 -30° +30°
- E3C9BE
Sultan Sand
- E4C7C8
≈ Girl Talk
- DDCDB8
≈ Palest Satin
トライアド +120° +240°
- E3C9BE
Sultan Sand
- BCD7CA
≈ Malted Mint
- CCCDE5
≈ Casa del Mar
スプリットコンプリメンタリー +150° +210°
- E3C9BE
Sultan Sand
- B7D7D6
≈ Greenland Ice
- C1D1E5
≈ Morning Star
テトラード +90° +180° +270°
- E3C9BE
Sultan Sand
- C6D4BF
≈ Tomatillo Peel
- B9D4E0
≈ Millstream
- D7C9DF
≈ Watercolour Grape
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.57:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.36:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.36:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--sultan-sand: #e3c9be;
--sultan-sand-rgb: 227 201 190;
--sultan-sand-oklch: oklch(0.855 0.033 44.3);
}
.element {
color: var(--sultan-sand);
background-color: hsl(18 40% 82%);
border-color: oklch(0.855 0.033 44.3);
}Tailwind CSS v4
@theme {
--color-sultan-sand: #e3c9be;
--color-sultan-sand-50: #fef2ed;
--color-sultan-sand-100: #f2e5df;
--color-sultan-sand-200: #e1d0c9;
--color-sultan-sand-300: #c7b3a9;
--color-sultan-sand-400: #b0998f;
--color-sultan-sand-500: #9a8075;
--color-sultan-sand-600: #826c63;
--color-sultan-sand-700: #68564f;
--color-sultan-sand-800: #4d3f39;
--color-sultan-sand-900: #352b27;
--color-sultan-sand-950: #201915;
}SCSS
$sultan-sand: #e3c9be;
$sultan-sand-rgb: 227, 201, 190;
$sultan-sand-light: mix(#fff, $sultan-sand, 20%);
$sultan-sand-dark: mix(#000, $sultan-sand, 20%);
.element {
color: $sultan-sand;
box-shadow: 0 0 0 2px rgba($sultan-sand, 0.35);
}