色名 · #DAD3CC
Baked Biscotti
Baked Biscottiは#DAD3CC：rgb(218 211 204)、hsl(30 16% 83%)、oklch(0.87 0.012 67.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Baked Biscotti color name →
#DAD3CC
oklch(0.87 0.012 67.7)
カラー変換
- HEX
- #dad3cc
- RGB
- rgb(218 211 204)
- HSL
- hsl(30 16% 83%)
- HWB
- hwb(30 80% 15%)
- OKLCH
- oklch(0.87 0.012 67.7)
- OKLab
- oklab(0.87 0.005 0.011)
- CIE Lab
- lab(84.97 1.59 4.38)
- LCH
- lch(84.97 4.66 70.1)
- CMYK
- cmyk(0% 3% 6% 15%)
ティント · シェード · トーン
ティント
- DED7D1
- E1DCD6
- E5E0DB
- E9E4E0
- ECE9E5
- F0EDEA
- F4F2EF
- F8F6F5
- FBFBFA
シェード
- BDB7B1
- A29C97
- 87827E
- 6C6965
- 54514E
- 3C3A37
- 252422
- 11100F
- 020202
トーン
- D1CAC4
- C7C2BC
- BEB9B5
- B5B1AD
- ACA9A5
- A3A09E
- 9A9896
- 91908F
- 898887
カラーハーモニー
補色 +180°
- DAD3CC
Baked Biscotti
- CED5DC
≈ Satin White
類似色 -30° +30°
- DAD3CC
Baked Biscotti
- DCD2CF
≈ Tranquil Retreat
- D6D5CC
≈ Grey White
トライアド +120° +240°
- DAD3CC
Baked Biscotti
- CCD7D6
≈ Serenely
- D6D2DB
≈ Lovely Lavender
スプリットコンプリメンタリー +150° +210°
- DAD3CC
Baked Biscotti
- CCD6DA
≈ White Blue
- D2D4DD
≈ Blueberry Whip
テトラード +90° +180° +270°
- DAD3CC
Baked Biscotti
- CED7D1
≈ Serene Journey
- CED5DC
≈ Satin White
- DAD1D7
≈ Light Limpid Light
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.48:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 14.17:1 · APCA Lc 81
最適な文字色: #000000
WCAG 14.17:1 (AAA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--baked-biscotti: #dad3cc;
--baked-biscotti-rgb: 218 211 204;
--baked-biscotti-oklch: oklch(0.87 0.012 67.7);
}
.element {
color: var(--baked-biscotti);
background-color: hsl(30 16% 83%);
border-color: oklch(0.87 0.012 67.7);
}Tailwind CSS v4
@theme {
--color-baked-biscotti: #dad3cc;
--color-baked-biscotti-50: #f7f4f1;
--color-baked-biscotti-100: #ebe7e3;
--color-baked-biscotti-200: #d8d3cf;
--color-baked-biscotti-300: #bcb6b1;
--color-baked-biscotti-400: #a39d97;
--color-baked-biscotti-500: #8c857e;
--color-baked-biscotti-600: #76706a;
--color-baked-biscotti-700: #5f5a55;
--color-baked-biscotti-800: #45423e;
--color-baked-biscotti-900: #302d2b;
--color-baked-biscotti-950: #1c1a18;
}SCSS
$baked-biscotti: #dad3cc;
$baked-biscotti-rgb: 218, 211, 204;
$baked-biscotti-light: mix(#fff, $baked-biscotti, 20%);
$baked-biscotti-dark: mix(#000, $baked-biscotti, 20%);
.element {
color: $baked-biscotti;
box-shadow: 0 0 0 2px rgba($baked-biscotti, 0.35);
}