色名 · #D6CAB9
Almond Wisp
Almond Wispは#D6CAB9：rgb(214 202 185)、hsl(35 26% 78%)、oklch(0.844 0.027 76.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Almond Wisp color name →
#D6CAB9
oklch(0.844 0.027 76.8)
カラー変換
- HEX
- #d6cab9
- RGB
- rgb(214 202 185)
- HSL
- hsl(35 26% 78%)
- HWB
- hwb(35 73% 16%)
- OKLCH
- oklch(0.844 0.027 76.8)
- OKLab
- oklab(0.844 0.006 0.026)
- CIE Lab
- lab(81.97 2.22 10.1)
- LCH
- lch(81.97 10.34 77.6)
- CMYK
- cmyk(0% 6% 14% 16%)
ティント · シェード · トーン
ティント
- DACFC0
- DED4C7
- E2DACE
- E6DFD5
- EAE4DC
- EEEAE3
- F3EFEA
- F7F4F1
- FBFAF8
シェード
- BAAFA0
- 9E9589
- 847C71
- 6A645B
- 524D46
- 3B3731
- 25221E
- 100F0D
- 020202
トーン
- CDC2B3
- C4BBAD
- BBB3A8
- B3ACA2
- AAA49C
- A19D96
- 999691
- 918E8B
- 888786
カラーハーモニー
補色 +180°
- D6CAB9
Almond Wisp
- C1CDDE
≈ Winter Scene
類似色 -30° +30°
- D6CAB9
Almond Wisp
- DCC7BD
≈ Tender Shell
- CDCDBA
≈ Half Moon
トライアド +120° +240°
- D6CAB9
Almond Wisp
- B9D2D2
≈ Relax
- D3C7D8
≈ Modesty
スプリットコンプリメンタリー +150° +210°
- D6CAB9
Almond Wisp
- BBD0DA
≈ Bahama Breezes
- CACADD
≈ Gregorio Garden
テトラード +90° +180° +270°
- D6CAB9
Almond Wisp
- BCD2C8
≈ Moon Glass
- C1CDDE
≈ Winter Scene
- DAC5CF
≈ Mauve Organdie
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.61:1 · APCA Lc 28
Ag
AAA黒の上
WCAG 13.00:1 · APCA Lc 75
最適な文字色: #000000
WCAG 13.00:1 (AAA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--almond-wisp: #d6cab9;
--almond-wisp-rgb: 214 202 185;
--almond-wisp-oklch: oklch(0.844 0.027 76.8);
}
.element {
color: var(--almond-wisp);
background-color: hsl(35 26% 78%);
border-color: oklch(0.844 0.027 76.8);
}Tailwind CSS v4
@theme {
--color-almond-wisp: #d6cab9;
--color-almond-wisp-50: #f9f4ed;
--color-almond-wisp-100: #ede7de;
--color-almond-wisp-200: #dad3c8;
--color-almond-wisp-300: #bfb6a8;
--color-almond-wisp-400: #a89d8d;
--color-almond-wisp-500: #908473;
--color-almond-wisp-600: #7a7061;
--color-almond-wisp-700: #62594e;
--color-almond-wisp-800: #484138;
--color-almond-wisp-900: #322d26;
--color-almond-wisp-950: #1e1a15;
}SCSS
$almond-wisp: #d6cab9;
$almond-wisp-rgb: 214, 202, 185;
$almond-wisp-light: mix(#fff, $almond-wisp, 20%);
$almond-wisp-dark: mix(#000, $almond-wisp, 20%);
.element {
color: $almond-wisp;
box-shadow: 0 0 0 2px rgba($almond-wisp, 0.35);
}