Color con nombre · #FAEAD0
May Sun
May Sun es #FAEAD0: rgb(250 234 208), hsl(37 81% 90%), oklch(0.943 0.038 80). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · May Sun color name →
#FAEAD0
oklch(0.943 0.038 80)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- FBECD5
- FBEED9
- FCF0DE
- FCF2E3
- FDF5E8
- FDF7EC
- FEF9F1
- FEFBF6
- FFFDFA
Sombras
- D9CBB5
- BAAE9A
- 9B9180
- 7D7567
- 615A4F
- 464139
- 2D2923
- 151310
- 030302
Tonos
- EDDFC8
- E0D4C0
- D4C9B7
- C7BEAF
- BBB4A7
- AFA99F
- A39F97
- 979490
- 8C8A88
Armonías de color
Complementario +180°
- FAEAD0
May Sun
- E2EDFF
≈ Calcareous Sinter
Análogo -30° +30°
- FAEAD0
May Sun
- FFE7DA
≈ Light Peach Rose
- EDEFD2
≈ Monet Moonrise
Triádico +120° +240°
- FAEAD0
May Sun
- CFF5F6
≈ Tinted Ice
- F8E4FD
≈ Soft Lavender
Complementario dividido +150° +210°
- FAEAD0
May Sun
- D6F1FF
≈ Water
- EBE9FF
≈ Bright Dusk
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASobre negro
WCAG 17.74:1 · APCA Lc 95
Mejor color de texto: #000000
WCAG 17.74:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmentos 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);
}