Cor nomeada · #EEF0CE
Bling Bling
Bling Bling é #EEF0CE: rgb(238 240 206), hsl(64 53% 87%), oklch(0.945 0.045 110). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Bling Bling color name →
#EEF0CE
oklch(0.945 0.045 110)
Conversões de cor
- HEX
- #eef0ce
- RGB
- rgb(238 240 206)
- HSL
- hsl(64 53% 87%)
- HWB
- hwb(64 81% 6%)
- OKLCH
- oklch(0.945 0.045 110)
- OKLab
- oklab(0.945 -0.015 0.042)
- CIE Lab
- lab(93.98 -4.88 16.28)
- LCH
- lch(93.98 16.99 106.7)
- CMYK
- cmyk(1% 0% 14% 6%)
Tons claros · Sombras · Tons
Tons claros
- F0F2D3
- F1F3D8
- F3F5DD
- F5F6E2
- F6F8E7
- F8F9EC
- FAFBF0
- FCFCF5
- FDFEFA
Sombras
- CFD1B3
- B1B298
- 93957F
- 777866
- 5C5D4E
- 424338
- 2A2A23
- 14140F
- 030302
Tons
- E2E4C6
- D7D9BE
- CCCDB6
- C0C2AE
- B5B6A6
- AAAB9F
- A0A097
- 95958F
- 8A8B88
Harmonias de cor
Complementar +180°
- EEF0CE
Bling Bling
- ECEAFF
≈ Placebo Purple
Análoga -30° +30°
- EEF0CE
Bling Bling
- FDEACC
≈ Capetown Cream
- DEF5D8
≈ Aquarelle Mint
Tríade +120° +240°
- EEF0CE
Bling Bling
- D7F2FF
≈ Water
- FFE4F0
≈ Sweetly
Complementar dividida +150° +210°
- EEF0CE
Bling Bling
- E3EEFF
≈ Brilliant White
- FAE4FF
≈ Fairy Salt
Tétrade +90° +180° +270°
- EEF0CE
Bling Bling
- CBF6F9
≈ Vaporised
- ECEAFF
≈ Placebo Purple
- FFE6E5
≈ Pink Theory
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASobre preto
WCAG 17.99:1 · APCA Lc 96
Melhor cor de texto: #000000
WCAG 17.99:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
CSS
:root {
--bling-bling: #eef0ce;
--bling-bling-rgb: 238 240 206;
--bling-bling-oklch: oklch(0.945 0.045 110);
}
.element {
color: var(--bling-bling);
background-color: hsl(64 53% 87%);
border-color: oklch(0.945 0.045 110);
}Tailwind CSS v4
@theme {
--color-bling-bling: #eef0ce;
--color-bling-bling-50: #f5f7e8;
--color-bling-bling-100: #e8ead9;
--color-bling-bling-200: #d4d6c1;
--color-bling-bling-300: #b7baa0;
--color-bling-bling-400: #a0a183;
--color-bling-bling-500: #888967;
--color-bling-bling-600: #737457;
--color-bling-bling-700: #5c5d46;
--color-bling-bling-800: #444432;
--color-bling-bling-900: #2f2f22;
--color-bling-bling-950: #1b1b11;
}SCSS
$bling-bling: #eef0ce;
$bling-bling-rgb: 238, 240, 206;
$bling-bling-light: mix(#fff, $bling-bling, 20%);
$bling-bling-dark: mix(#000, $bling-bling, 20%);
.element {
color: $bling-bling;
box-shadow: 0 0 0 2px rgba($bling-bling, 0.35);
}