Cor nomeada · #DCCAB7
Loft Light
Loft Light é #DCCAB7: rgb(220 202 183), hsl(31 35% 79%), oklch(0.849 0.033 68.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Loft Light color name →
#DCCAB7
oklch(0.849 0.033 68.9)
Conversões de cor
- HEX
- #dccab7
- RGB
- rgb(220 202 183)
- HSL
- hsl(31 35% 79%)
- HWB
- hwb(31 72% 14%)
- OKLCH
- oklch(0.849 0.033 68.9)
- OKLab
- oklab(0.849 0.012 0.031)
- CIE Lab
- lab(82.45 4.23 11.92)
- LCH
- lch(82.45 12.65 70.5)
- CMYK
- cmyk(0% 8% 17% 14%)
Tons claros · Sombras · Tons
Tons claros
- E0CFBE
- E3D4C5
- E7DACC
- EADFD3
- EEE4DB
- F1EAE2
- F5EFE9
- F8F4F0
- FCFAF8
Sombras
- BFAF9F
- A39587
- 887C70
- 6E645A
- 544D45
- 3C3731
- 26221E
- 110F0C
- 020202
Tons
- D2C2B1
- C9BBAC
- C0B3A6
- B6ACA1
- ADA49B
- A49D96
- 9B9690
- 928E8B
- 898785
Harmonias de cor
Complementar +180°
- DCCAB7
Loft Light
- BDD0E2
≈ Bewitching Blue
Análoga -30° +30°
- DCCAB7
Loft Light
- E1C7BE
≈ Pale Sienna
- D2CEB6
≈ Montezuma
Tríade +120° +240°
- DCCAB7
Loft Light
- B6D5D2
≈ Dante Peak
- D3C8DE
≈ Lavender Water
Complementar dividida +150° +210°
- DCCAB7
Loft Light
- B7D3DC
≈ Pale Whale
- C8CCE3
≈ Periwinkle Powder
Tétrade +90° +180° +270°
- DCCAB7
Loft Light
- BCD4C6
≈ Sage Bundle
- BDD0E2
≈ Bewitching Blue
- DDC6D5
≈ Sleepy Kisses
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.17:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--loft-light: #dccab7;
--loft-light-rgb: 220 202 183;
--loft-light-oklch: oklch(0.849 0.033 68.9);
}
.element {
color: var(--loft-light);
background-color: hsl(31 35% 79%);
border-color: oklch(0.849 0.033 68.9);
}Tailwind CSS v4
@theme {
--color-loft-light: #dccab7;
--color-loft-light-50: #fbf4eb;
--color-loft-light-100: #efe6dc;
--color-loft-light-200: #ddd2c5;
--color-loft-light-300: #c2b5a6;
--color-loft-light-400: #ac9b8a;
--color-loft-light-500: #95836f;
--color-loft-light-600: #7e6f5e;
--color-loft-light-700: #65584b;
--color-loft-light-800: #4a4036;
--color-loft-light-900: #342c25;
--color-loft-light-950: #1f1914;
}SCSS
$loft-light: #dccab7;
$loft-light-rgb: 220, 202, 183;
$loft-light-light: mix(#fff, $loft-light, 20%);
$loft-light-dark: mix(#000, $loft-light, 20%);
.element {
color: $loft-light;
box-shadow: 0 0 0 2px rgba($loft-light, 0.35);
}