色名 · #FAE8BC
Sand Diamond
Sand Diamondは#FAE8BC：rgb(250 232 188)、hsl(43 86% 86%)、oklch(0.935 0.06 88.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Sand Diamond color name →
#FAE8BC
oklch(0.935 0.06 88.4)
カラー変換
- HEX
- #fae8bc
- RGB
- rgb(250 232 188)
- HSL
- hsl(43 86% 86%)
- HWB
- hwb(43 74% 2%)
- OKLCH
- oklch(0.935 0.06 88.4)
- OKLab
- oklab(0.935 0.002 0.06)
- CIE Lab
- lab(92.65 1.43 23.83)
- LCH
- lch(92.65 23.87 86.6)
- CMYK
- cmyk(0% 7% 25% 2%)
ティント · シェード · トーン
ティント
- FBEAC3
- FBEDCA
- FCEFD0
- FCF1D7
- FDF4DE
- FDF6E5
- FEF8EB
- FEFAF2
- FFFDF8
シェード
- D9CAA3
- BAAC8B
- 9B9073
- 7D745D
- 615947
- 464032
- 2D291F
- 15130D
- 030302
トーン
- EDDDB6
- E0D2B0
- D4C8AA
- C7BDA4
- BBB39E
- AFA898
- A39E92
- 97948C
- 8C8A86
カラーハーモニー
補色 +180°
- FAE8BC
Sand Diamond
- E1E9FF
≈ Glitter
類似色 -30° +30°
- FAE8BC
Sand Diamond
- FFE4CF
≈ Lumber
- E5F0C2
≈ Green Glacier
トライアド +120° +240°
- FAE8BC
Sand Diamond
- BBF5FF
≈ Pale Sky
- FFDDFC
≈ Sugarpills
スプリットコンプリメンタリー +150° +210°
- FAE8BC
Sand Diamond
- D4EDFF
≈ Ice Castle
- ECE5FF
≈ Cyber Lavender
テトラード +90° +180° +270°
- FAE8BC
Sand Diamond
- BFF7EA
≈ Shallow End
- E1E9FF
≈ Glitter
- FFE0E9
≈ Baby Girl
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.21:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.33:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.33:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--sand-diamond: #fae8bc;
--sand-diamond-rgb: 250 232 188;
--sand-diamond-oklch: oklch(0.935 0.06 88.4);
}
.element {
color: var(--sand-diamond);
background-color: hsl(43 86% 86%);
border-color: oklch(0.935 0.06 88.4);
}Tailwind CSS v4
@theme {
--color-sand-diamond: #fae8bc;
--color-sand-diamond-50: #fcf5e2;
--color-sand-diamond-100: #efe8d2;
--color-sand-diamond-200: #ded4b8;
--color-sand-diamond-300: #c3b795;
--color-sand-diamond-400: #ad9d76;
--color-sand-diamond-500: #978457;
--color-sand-diamond-600: #7f704a;
--color-sand-diamond-700: #665a3b;
--color-sand-diamond-800: #4c412a;
--color-sand-diamond-900: #342d1c;
--color-sand-diamond-950: #201a0c;
}SCSS
$sand-diamond: #fae8bc;
$sand-diamond-rgb: 250, 232, 188;
$sand-diamond-light: mix(#fff, $sand-diamond, 20%);
$sand-diamond-dark: mix(#000, $sand-diamond, 20%);
.element {
color: $sand-diamond;
box-shadow: 0 0 0 2px rgba($sand-diamond, 0.35);
}