Cor nomeada · #EAE0C8
Pearl
Pearl é #EAE0C8: rgb(234 224 200), hsl(42 45% 85%), oklch(0.908 0.034 88.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pearl color name →
#EAE0C8
oklch(0.908 0.034 88.1)
Conversões de cor
- HEX
- #eae0c8
- RGB
- rgb(234 224 200)
- HSL
- hsl(42 45% 85%)
- HWB
- hwb(42 78% 8%)
- OKLCH
- oklch(0.908 0.034 88.1)
- OKLab
- oklab(0.908 0.001 0.034)
- CIE Lab
- lab(89.51 0.61 13.09)
- LCH
- lch(89.51 13.1 87.3)
- CMYK
- cmyk(0% 4% 15% 8%)
Tons claros · Sombras · Tons
Tons claros
- ECE3CD
- EEE6D3
- F0E9D8
- F2ECDE
- F4EFE3
- F7F3E9
- F9F6EE
- FBF9F4
- FDFCF9
Sombras
- CBC3AE
- AEA694
- 918A7B
- 757063
- 5A564C
- 413E36
- 292721
- 13120F
- 030202
Tons
- DFD6C1
- D4CCB9
- C9C2B2
- BEB8AB
- B4AFA3
- A9A59C
- 9F9C95
- 94928E
- 8A8987
Harmonias de cor
Complementar +180°
- EAE0C8
Pearl
- D7E1F8
≈ Aquarelle Purple
Análoga -30° +30°
- EAE0C8
Pearl
- F3DCCB
≈ Peachtree
- DEE4CB
≈ Misty Hillside
Tríade +120° +240°
- EAE0C8
Pearl
- C8E8EC
≈ Niagara Mist
- EED9EC
≈ All Made Up
Complementar dividida +150° +210°
- EAE0C8
Pearl
- CDE5F5
≈ New Heights
- E3DCF5
≈ Lingering Lilac
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.31:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 15.99:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 15.99:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--pearl: #eae0c8;
--pearl-rgb: 234 224 200;
--pearl-oklch: oklch(0.908 0.034 88.1);
}
.element {
color: var(--pearl);
background-color: hsl(42 45% 85%);
border-color: oklch(0.908 0.034 88.1);
}Tailwind CSS v4
@theme {
--color-pearl: #eae0c8;
--color-pearl-50: #f9f5eb;
--color-pearl-100: #ece8dc;
--color-pearl-200: #dad4c4;
--color-pearl-300: #beb7a4;
--color-pearl-400: #a79e88;
--color-pearl-500: #8f856d;
--color-pearl-600: #79715c;
--color-pearl-700: #615a4a;
--color-pearl-800: #484235;
--color-pearl-900: #322d24;
--color-pearl-950: #1e1a13;
}SCSS
$pearl: #eae0c8;
$pearl-rgb: 234, 224, 200;
$pearl-light: mix(#fff, $pearl, 20%);
$pearl-dark: mix(#000, $pearl, 20%);
.element {
color: $pearl;
box-shadow: 0 0 0 2px rgba($pearl, 0.35);
}