色名 · #DECBAB
Sandblast
Sandblastは#DECBAB：rgb(222 203 171)、hsl(38 44% 77%)、oklch(0.85 0.048 80.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Sandblast color name →
#DECBAB
oklch(0.85 0.048 80.8)
カラー変換
- HEX
- #decbab
- RGB
- rgb(222 203 171)
- HSL
- hsl(38 44% 77%)
- HWB
- hwb(38 67% 13%)
- OKLCH
- oklch(0.85 0.048 80.8)
- OKLab
- oklab(0.85 0.008 0.047)
- CIE Lab
- lab(82.66 3.19 18.57)
- LCH
- lch(82.66 18.84 80.3)
- CMYK
- cmyk(0% 9% 23% 13%)
ティント · シェード · トーン
ティント
- E1D0B3
- E5D5BC
- E8DAC4
- EBE0CC
- EFE5D5
- F2EADD
- F5EFE6
- F8F5EE
- FCFAF7
シェード
- C1B094
- A5967E
- 897D68
- 6F6554
- 554D40
- 3D372D
- 26221B
- 120F0B
- 020201
トーン
- D4C3A7
- CBBCA2
- C1B49E
- B7AC9A
- AEA596
- A59D91
- 9B968D
- 928F89
- 898784
カラーハーモニー
補色 +180°
- DECBAB
Sandblast
- BCCFEE
≈ Frost Fairy
類似色 -30° +30°
- DECBAB
Sandblast
- E8C5B2
≈ Pinkham
- CED1AD
≈ Olive Martini
トライアド +120° +240°
- DECBAB
Sandblast
- AAD8DA
≈ Crystal
- DCC4E1
≈ Simply Lavender
スプリットコンプリメンタリー +150° +210°
- DECBAB
Sandblast
- AFD4E8
≈ Chapel Blue
- CDC9EB
≈ Soap
テトラード +90° +180° +270°
- DECBAB
Sandblast
- AFD8C9
≈ Scud
- BCCFEE
≈ Frost Fairy
- E7C1D2
≈ Childlike
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.58:1 · APCA Lc 27
Ag
AAA黒の上
WCAG 13.23:1 · APCA Lc 76
最適な文字色: #000000
WCAG 13.23:1 (AAA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--sandblast: #decbab;
--sandblast-rgb: 222 203 171;
--sandblast-oklch: oklch(0.85 0.048 80.8);
}
.element {
color: var(--sandblast);
background-color: hsl(38 44% 77%);
border-color: oklch(0.85 0.048 80.8);
}Tailwind CSS v4
@theme {
--color-sandblast: #decbab;
--color-sandblast-50: #fcf4e6;
--color-sandblast-100: #f0e7d6;
--color-sandblast-200: #ded3be;
--color-sandblast-300: #c3b69c;
--color-sandblast-400: #ad9c7f;
--color-sandblast-500: #978362;
--color-sandblast-600: #7f6f53;
--color-sandblast-700: #665942;
--color-sandblast-800: #4b4130;
--color-sandblast-900: #342d20;
--color-sandblast-950: #201a10;
}SCSS
$sandblast: #decbab;
$sandblast-rgb: 222, 203, 171;
$sandblast-light: mix(#fff, $sandblast, 20%);
$sandblast-dark: mix(#000, $sandblast, 20%);
.element {
color: $sandblast;
box-shadow: 0 0 0 2px rgba($sandblast, 0.35);
}