Cor nomeada · #CEB3BE
Candlelight Dinner
Candlelight Dinner é #CEB3BE: rgb(206 179 190), hsl(336 22% 75%), oklch(0.793 0.034 351.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Candlelight Dinner color name →
#CEB3BE
oklch(0.793 0.034 351.4)
Conversões de cor
- HEX
- #ceb3be
- RGB
- rgb(206 179 190)
- HSL
- hsl(336 22% 75%)
- HWB
- hwb(336 70% 19%)
- OKLCH
- oklch(0.793 0.034 351.4)
- OKLab
- oklab(0.793 0.034 -0.005)
- CIE Lab
- lab(75.56 11.4 -1.84)
- LCH
- lch(75.56 11.55 350.8)
- CMYK
- cmyk(0% 13% 8% 19%)
Tons claros · Sombras · Tons
Tons claros
- D3BAC4
- D8C2CB
- DDC9D1
- E2D1D8
- E7D8DE
- EBE0E5
- F0E8EB
- F5EFF2
- FAF7F8
Sombras
- B39BA5
- 98848C
- 7F6E75
- 66585E
- 4E4348
- 382F33
- 231D1F
- 0F0C0D
- 020102
Tons
- C6AEB8
- BEA9B1
- B6A3AB
- AE9EA5
- A6999E
- 9F9498
- 978F92
- 8F8A8C
- 888586
Harmonias de cor
Complementar +180°
- CEB3BE
Candlelight Dinner
- A6C3B9
≈ Folk Tales
Análoga -30° +30°
- CEB3BE
Candlelight Dinner
- C6B5C9
≈ Delicate Mauve
- D1B3B2
≈ Smoked Lavender
Tríade +120° +240°
- CEB3BE
Candlelight Dinner
- BCBEA5
≈ Beryl Green
- A6C0CE
≈ Graceful
Complementar dividida +150° +210°
- CEB3BE
Candlelight Dinner
- B0C1AD
≈ Wedding Mint
- A3C3C5
≈ Ocean Kiss
Tétrade +90° +180° +270°
- CEB3BE
Candlelight Dinner
- C7BAA3
≈ Another One Bites the Dust
- A6C3B9
≈ Folk Tales
- AFBCD2
≈ Sailor Boy
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.94:1 · APCA Lc 37
Ag
AAASobre preto
WCAG 10.81:1 · APCA Lc 65
Melhor cor de texto: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
Trechos de código
CSS
:root {
--candlelight-dinner: #ceb3be;
--candlelight-dinner-rgb: 206 179 190;
--candlelight-dinner-oklch: oklch(0.793 0.034 351.4);
}
.element {
color: var(--candlelight-dinner);
background-color: hsl(336 22% 75%);
border-color: oklch(0.793 0.034 351.4);
}Tailwind CSS v4
@theme {
--color-candlelight-dinner: #ceb3be;
--color-candlelight-dinner-50: #fef1f6;
--color-candlelight-dinner-100: #f2e3e9;
--color-candlelight-dinner-200: #e1cfd5;
--color-candlelight-dinner-300: #c6b1b9;
--color-candlelight-dinner-400: #af97a1;
--color-candlelight-dinner-500: #997d89;
--color-candlelight-dinner-600: #816a74;
--color-candlelight-dinner-700: #68555d;
--color-candlelight-dinner-800: #4c3e44;
--color-candlelight-dinner-900: #352a2f;
--color-candlelight-dinner-950: #20181c;
}SCSS
$candlelight-dinner: #ceb3be;
$candlelight-dinner-rgb: 206, 179, 190;
$candlelight-dinner-light: mix(#fff, $candlelight-dinner, 20%);
$candlelight-dinner-dark: mix(#000, $candlelight-dinner, 20%);
.element {
color: $candlelight-dinner;
box-shadow: 0 0 0 2px rgba($candlelight-dinner, 0.35);
}