Cor nomeada · #E7CD8B
Lol Yellow
Lol Yellow é #E7CD8B: rgb(231 205 139), hsl(43 66% 73%), oklch(0.855 0.089 88.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lol Yellow color name →
#E7CD8B
oklch(0.855 0.089 88.9)
Conversões de cor
- HEX
- #e7cd8b
- RGB
- rgb(231 205 139)
- HSL
- hsl(43 66% 73%)
- HWB
- hwb(43 55% 9%)
- OKLCH
- oklch(0.855 0.089 88.9)
- OKLab
- oklab(0.855 0.002 0.089)
- CIE Lab
- lab(83.5 2.79 36.37)
- LCH
- lch(83.5 36.48 85.6)
- CMYK
- cmyk(0% 11% 40% 9%)
Tons claros · Sombras · Tons
Tons claros
- E9D297
- ECD7A3
- EEDCAF
- F1E1BA
- F3E6C6
- F5EBD1
- F8F0DD
- FAF5E8
- FDFAF4
Sombras
- C9B278
- AB9866
- 8F7E54
- 736643
- 594E32
- 403823
- 282314
- 130F07
- 030201
Tons
- DCC58B
- D2BD8A
- C7B589
- BDAE89
- B2A687
- A89E86
- 9E9785
- 948F83
- 8A8882
Harmonias de cor
Complementar +180°
- E7CD8B
Lol Yellow
- BCCEFF
≈ Ice Cold Stare
Análoga -30° +30°
- E7CD8B
Lol Yellow
- FCC295
≈ Wispy White
- C9D895
≈ Lickety Split
Tríade +120° +240°
- E7CD8B
Lol Yellow
- 85E0EF
≈ Photon Barrier
- F1BBEC
≈ Lovecloud
Complementar dividida +150° +210°
- E7CD8B
Lol Yellow
- 9ED8FF
≈ Shiva Blue
- D6C4FF
≈ Innocent Snowdrop
Tétrade +90° +180° +270°
- E7CD8B
Lol Yellow
- 8CE3D0
≈ Sea Foam
- BCCEFF
≈ Ice Cold Stare
- FFB8CE
≈ Baby Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.55:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.50:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.50:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--lol-yellow: #e7cd8b;
--lol-yellow-rgb: 231 205 139;
--lol-yellow-oklch: oklch(0.855 0.089 88.9);
}
.element {
color: var(--lol-yellow);
background-color: hsl(43 66% 73%);
border-color: oklch(0.855 0.089 88.9);
}Tailwind CSS v4
@theme {
--color-lol-yellow: #e7cd8b;
--color-lol-yellow-50: #fff5d9;
--color-lol-yellow-100: #f3e7c7;
--color-lol-yellow-200: #e2d3a9;
--color-lol-yellow-300: #c8b683;
--color-lol-yellow-400: #b49c5f;
--color-lol-yellow-500: #9e8339;
--color-lol-yellow-600: #866f32;
--color-lol-yellow-700: #6b5928;
--color-lol-yellow-800: #50401b;
--color-lol-yellow-900: #372c11;
--color-lol-yellow-950: #221904;
}SCSS
$lol-yellow: #e7cd8b;
$lol-yellow-rgb: 231, 205, 139;
$lol-yellow-light: mix(#fff, $lol-yellow, 20%);
$lol-yellow-dark: mix(#000, $lol-yellow, 20%);
.element {
color: $lol-yellow;
box-shadow: 0 0 0 2px rgba($lol-yellow, 0.35);
}