Cor nomeada · #E1CCDF
Orchid Shimmer
Orchid Shimmer é #E1CCDF: rgb(225 204 223), hsl(306 26% 84%), oklch(0.868 0.034 328.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Orchid Shimmer color name →
#E1CCDF
oklch(0.868 0.034 328.9)
Conversões de cor
- HEX
- #e1ccdf
- RGB
- rgb(225 204 223)
- HSL
- hsl(306 26% 84%)
- HWB
- hwb(306 80% 12%)
- OKLCH
- oklch(0.868 0.034 328.9)
- OKLab
- oklab(0.868 0.03 -0.018)
- CIE Lab
- lab(84.23 10.04 -6.64)
- LCH
- lch(84.23 12.04 326.5)
- CMYK
- cmyk(0% 9% 1% 12%)
Tons claros · Sombras · Tons
Tons claros
- E4D1E2
- E7D6E5
- EADBE9
- EDE0EC
- F0E5EF
- F3EAF2
- F6F0F5
- F9F5F9
- FCFAFC
Sombras
- C4B1C2
- A797A5
- 8B7E8A
- 70656F
- 564E56
- 3E373D
- 272227
- 120F12
- 020202
Tons
- D7C4D5
- CDBCCB
- C3B5C2
- B9ADB8
- AFA5AE
- A69EA5
- 9C969C
- 938F92
- 898789
Harmonias de cor
Complementar +180°
- E1CCDF
Orchid Shimmer
- C5DAC7
≈ Quintessential
Análoga -30° +30°
- E1CCDF
Orchid Shimmer
- D6CFE8
≈ Air Castle
- E8CBD3
≈ Pink Slipper
Tríade +120° +240°
- E1CCDF
Orchid Shimmer
- DDD3BB
≈ Gunny Sack
- BBDAE0
≈ Tender Waves
Complementar dividida +150° +210°
- E1CCDF
Orchid Shimmer
- D1D7BE
≈ Celery Satin
- BCDCD4
≈ Picnic Bay
Tétrade +90° +180° +270°
- E1CCDF
Orchid Shimmer
- E6CFBE
≈ Farm-Fresh Eggs
- C5DAC7
≈ Quintessential
- C0D7E8
≈ Touch of Blue
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.90:1 · APCA Lc 79
Melhor cor de texto: #000000
WCAG 13.90:1 (AAA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--orchid-shimmer: #e1ccdf;
--orchid-shimmer-rgb: 225 204 223;
--orchid-shimmer-oklch: oklch(0.868 0.034 328.9);
}
.element {
color: var(--orchid-shimmer);
background-color: hsl(306 26% 84%);
border-color: oklch(0.868 0.034 328.9);
}Tailwind CSS v4
@theme {
--color-orchid-shimmer: #e1ccdf;
--color-orchid-shimmer-50: #fbf2fa;
--color-orchid-shimmer-100: #efe4ed;
--color-orchid-shimmer-200: #ddcfdb;
--color-orchid-shimmer-300: #c2b1c0;
--color-orchid-shimmer-400: #aa98a9;
--color-orchid-shimmer-500: #937e92;
--color-orchid-shimmer-600: #7d6b7b;
--color-orchid-shimmer-700: #645563;
--color-orchid-shimmer-800: #493e49;
--color-orchid-shimmer-900: #332b32;
--color-orchid-shimmer-950: #1e181e;
}SCSS
$orchid-shimmer: #e1ccdf;
$orchid-shimmer-rgb: 225, 204, 223;
$orchid-shimmer-light: mix(#fff, $orchid-shimmer, 20%);
$orchid-shimmer-dark: mix(#000, $orchid-shimmer, 20%);
.element {
color: $orchid-shimmer;
box-shadow: 0 0 0 2px rgba($orchid-shimmer, 0.35);
}