Cor nomeada mais próxima · #CFC6E2
#CFC6E2
Cor nomeada mais próxima: Lavender Bliss
#CFC6E2 (rgb(207 198 226), hsl(259 33% 83%), oklch(0.843 0.04 300.2)) é mais próxima da cor nomeada Lavender Bliss. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CFC6E2
oklch(0.843 0.04 300.2)
Conversões de cor
- HEX
- #cfc6e2
- RGB
- rgb(207 198 226)
- HSL
- hsl(259 33% 83%)
- HWB
- hwb(259 78% 11%)
- OKLCH
- oklch(0.843 0.04 300.2)
- OKLab
- oklab(0.843 0.02 -0.034)
- CIE Lab
- lab(81.28 7.17 -12.79)
- LCH
- lch(81.28 14.66 299.3)
- CMYK
- cmyk(8% 12% 0% 11%)
Tons claros · Sombras · Tons
Tons claros
- D4CCE5
- D8D1E8
- DDD7EB
- E2DDEE
- E7E2F1
- ECE8F4
- F0EEF6
- F5F3F9
- FAF9FC
Sombras
- B4ACC4
- 9992A8
- 7F7A8C
- 676271
- 4F4B57
- 38353E
- 232127
- 100E12
- 020203
Tons
- C7BFD8
- BFB8CE
- B7B0C4
- AFA9BA
- A7A2B0
- 9F9BA6
- 97949C
- 8F8E93
- 888789
Harmonias de cor
Complementar +180°
- CFC6E2
Lavender Bliss
- C8D0B3
≈ Bonsai Tint
Análoga -30° +30°
- CFC6E2
Lavender Bliss
- C1CBE6
≈ Powdered Granite
- DBC2D8
≈ Plum Taffy
Tríade +120° +240°
- CFC6E2
Lavender Bliss
- DFC6B2
≈ Arabian Sands
- B0D4CC
≈ Feeling Lucky
Complementar dividida +150° +210°
- CFC6E2
Lavender Bliss
- D5CBAF
≈ Aths Special
- BAD3BE
≈ Surf
Tétrade +90° +180° +270°
- CFC6E2
Lavender Bliss
- E4C2BC
≈ Rose Petal
- C8D0B3
≈ Bonsai Tint
- AED3DA
≈ Balboa
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASobre preto
WCAG 12.82:1 · APCA Lc 75
Melhor cor de texto: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Trechos de código
CSS
:root {
--lavender-bliss: #cfc6e2;
--lavender-bliss-rgb: 207 198 226;
--lavender-bliss-oklch: oklch(0.843 0.04 300.2);
}
.element {
color: var(--lavender-bliss);
background-color: hsl(259 33% 83%);
border-color: oklch(0.843 0.04 300.2);
}Tailwind CSS v4
@theme {
--color-lavender-bliss: #cfc6e2;
--color-lavender-bliss-50: #f7f3ff;
--color-lavender-bliss-100: #eae5f3;
--color-lavender-bliss-200: #d7d1e3;
--color-lavender-bliss-300: #bbb3c9;
--color-lavender-bliss-400: #a29ab3;
--color-lavender-bliss-500: #8a819d;
--color-lavender-bliss-600: #756d85;
--color-lavender-bliss-700: #5d576a;
--color-lavender-bliss-800: #44404f;
--color-lavender-bliss-900: #2f2c37;
--color-lavender-bliss-950: #1b1922;
}SCSS
$lavender-bliss: #cfc6e2;
$lavender-bliss-rgb: 207, 198, 226;
$lavender-bliss-light: mix(#fff, $lavender-bliss, 20%);
$lavender-bliss-dark: mix(#000, $lavender-bliss, 20%);
.element {
color: $lavender-bliss;
box-shadow: 0 0 0 2px rgba($lavender-bliss, 0.35);
}