Cor nomeada · #FAEAD0
May Sun
May Sun é #FAEAD0: rgb(250 234 208), hsl(37 81% 90%), oklch(0.943 0.038 80). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · May Sun color name →
#FAEAD0
oklch(0.943 0.038 80)
Conversões de cor
- HEX
- #faead0
- RGB
- rgb(250 234 208)
- HSL
- hsl(37 81% 90%)
- HWB
- hwb(37 82% 2%)
- OKLCH
- oklch(0.943 0.038 80)
- OKLab
- oklab(0.943 0.007 0.038)
- CIE Lab
- lab(93.48 2.56 14.74)
- LCH
- lch(93.48 14.96 80.2)
- CMYK
- cmyk(0% 6% 17% 2%)
Tons claros · Sombras · Tons
Tons claros
- FBECD5
- FBEED9
- FCF0DE
- FCF2E3
- FDF5E8
- FDF7EC
- FEF9F1
- FEFBF6
- FFFDFA
Sombras
- D9CBB5
- BAAE9A
- 9B9180
- 7D7567
- 615A4F
- 464139
- 2D2923
- 151310
- 030302
Tons
- EDDFC8
- E0D4C0
- D4C9B7
- C7BEAF
- BBB4A7
- AFA99F
- A39F97
- 979490
- 8C8A88
Harmonias de cor
Complementar +180°
- FAEAD0
May Sun
- E2EDFF
≈ Calcareous Sinter
Análoga -30° +30°
- FAEAD0
May Sun
- FFE7DA
≈ Light Peach Rose
- EDEFD2
≈ Monet Moonrise
Tríade +120° +240°
- FAEAD0
May Sun
- CFF5F6
≈ Tinted Ice
- F8E4FD
≈ Soft Lavender
Complementar dividida +150° +210°
- FAEAD0
May Sun
- D6F1FF
≈ Water
- EBE9FF
≈ Bright Dusk
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASobre preto
WCAG 17.74:1 · APCA Lc 95
Melhor cor de texto: #000000
WCAG 17.74:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
CSS
:root {
--may-sun: #faead0;
--may-sun-rgb: 250 234 208;
--may-sun-oklch: oklch(0.943 0.038 80);
}
.element {
color: var(--may-sun);
background-color: hsl(37 81% 90%);
border-color: oklch(0.943 0.038 80);
}Tailwind CSS v4
@theme {
--color-may-sun: #faead0;
--color-may-sun-50: #fbf4e9;
--color-may-sun-100: #eee7da;
--color-may-sun-200: #dcd3c2;
--color-may-sun-300: #c1b6a2;
--color-may-sun-400: #ab9c85;
--color-may-sun-500: #94846a;
--color-may-sun-600: #7d705a;
--color-may-sun-700: #645947;
--color-may-sun-800: #4a4134;
--color-may-sun-900: #332d23;
--color-may-sun-950: #1f1a12;
}SCSS
$may-sun: #faead0;
$may-sun-rgb: 250, 234, 208;
$may-sun-light: mix(#fff, $may-sun, 20%);
$may-sun-dark: mix(#000, $may-sun, 20%);
.element {
color: $may-sun;
box-shadow: 0 0 0 2px rgba($may-sun, 0.35);
}