Warna bernama · #DAD3CC
Baked Biscotti
Baked Biscotti adalah #DAD3CC: rgb(218 211 204), hsl(30 16% 83%), oklch(0.87 0.012 67.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Baked Biscotti color name →
#DAD3CC
oklch(0.87 0.012 67.7)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- DED7D1
- E1DCD6
- E5E0DB
- E9E4E0
- ECE9E5
- F0EDEA
- F4F2EF
- F8F6F5
- FBFBFA
Shade
- BDB7B1
- A29C97
- 87827E
- 6C6965
- 54514E
- 3C3A37
- 252422
- 11100F
- 020202
Tone
- D1CAC4
- C7C2BC
- BEB9B5
- B5B1AD
- ACA9A5
- A3A09E
- 9A9896
- 91908F
- 898887
Harmoni warna
Komplementer +180°
- DAD3CC
Baked Biscotti
- CED5DC
≈ Satin White
Analog -30° +30°
- DAD3CC
Baked Biscotti
- DCD2CF
≈ Tranquil Retreat
- D6D5CC
≈ Grey White
Triadik +120° +240°
- DAD3CC
Baked Biscotti
- CCD7D6
≈ Serenely
- D6D2DB
≈ Lovely Lavender
Split-komplementer +150° +210°
- DAD3CC
Baked Biscotti
- CCD6DA
≈ White Blue
- D2D4DD
≈ Blueberry Whip
Tetradik +90° +180° +270°
- DAD3CC
Baked Biscotti
- CED7D1
≈ Serene Journey
- CED5DC
≈ Satin White
- DAD1D7
≈ Light Limpid Light
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.48:1 · APCA Lc 23
Ag
AAADi atas hitam
WCAG 14.17:1 · APCA Lc 81
Warna teks terbaik: #000000
WCAG 14.17:1 (AAA) · APCA Lc 81
Contrast pairs
Cuplikan kode
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);
}