لون مسمّى · #D6C6B4
Cafe Latte
Cafe Latte هو #D6C6B4: rgb(214 198 180)، hsl(32 29% 77%)، oklch(0.835 0.03 70.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Cafe Latte color name →
#D6C6B4
oklch(0.835 0.03 70.7)
تحويلات الألوان
- HEX
- #d6c6b4
- RGB
- rgb(214 198 180)
- HSL
- hsl(32 29% 77%)
- HWB
- hwb(32 71% 16%)
- OKLCH
- oklch(0.835 0.03 70.7)
- OKLab
- oklab(0.835 0.01 0.029)
- CIE Lab
- lab(80.86 3.61 11.19)
- LCH
- lch(80.86 11.75 72.1)
- CMYK
- cmyk(0% 7% 16% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DACCBB
- DED1C3
- E2D7CA
- E6DDD2
- EAE2D9
- EFE8E1
- F3EEE8
- F7F3F0
- FBF9F7
درجات داكنة
- BAAC9C
- 9E9285
- 847A6E
- 6A6258
- 524B44
- 3B3530
- 25211D
- 100E0C
- 020202
درجات رمادية
- CDBFAF
- C4B8A9
- BBB0A4
- B3A99F
- AAA29A
- A19B95
- 99948F
- 918E8A
- 888785
تناسق الألوان
متمم +180°
- D6C6B4
Cafe Latte
- BBCBDD
≈ Arctic Grey
متجاور -30° +30°
- D6C6B4
Cafe Latte
- DBC3BA
≈ Summer Beige
- CDCAB4
≈ Tropical Fog
ثلاثي +120° +240°
- D6C6B4
Cafe Latte
- B3D0CD
≈ Turquoise Grey
- CFC4D8
≈ Lilac Crystal
متمم منقسم +150° +210°
- D6C6B4
Cafe Latte
- B4CED7
≈ Heaven
- C5C7DD
≈ Iced Lavender
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.66:1 · APCA Lc 29
Ag
AAAعلى الأسود
WCAG 12.59:1 · APCA Lc 74
أفضل لون للنص: #000000
WCAG 12.59:1 (AAA) · APCA Lc 74
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cafe-latte: #d6c6b4;
--cafe-latte-rgb: 214 198 180;
--cafe-latte-oklch: oklch(0.835 0.03 70.7);
}
.element {
color: var(--cafe-latte);
background-color: hsl(32 29% 77%);
border-color: oklch(0.835 0.03 70.7);
}Tailwind CSS v4
@theme {
--color-cafe-latte: #d6c6b4;
--color-cafe-latte-50: #fbf4ec;
--color-cafe-latte-100: #eee6dd;
--color-cafe-latte-200: #dcd2c6;
--color-cafe-latte-300: #c1b5a7;
--color-cafe-latte-400: #aa9c8b;
--color-cafe-latte-500: #938371;
--color-cafe-latte-600: #7d6f60;
--color-cafe-latte-700: #64594c;
--color-cafe-latte-800: #4a4137;
--color-cafe-latte-900: #332d26;
--color-cafe-latte-950: #1f1a14;
}SCSS
$cafe-latte: #d6c6b4;
$cafe-latte-rgb: 214, 198, 180;
$cafe-latte-light: mix(#fff, $cafe-latte, 20%);
$cafe-latte-dark: mix(#000, $cafe-latte, 20%);
.element {
color: $cafe-latte;
box-shadow: 0 0 0 2px rgba($cafe-latte, 0.35);
}