Colore con nome · #FFE1A3
Midday Sun
Midday Sun è #FFE1A3: rgb(255 225 163), hsl(40 100% 82%), oklch(0.92 0.085 85). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Midday Sun color name →
#FFE1A3
oklch(0.92 0.085 85)
Conversioni di colore
- HEX
- #ffe1a3
- RGB
- rgb(255 225 163)
- HSL
- hsl(40 100% 82%)
- HWB
- hwb(40 64% 0%)
- OKLCH
- oklch(0.92 0.085 85)
- OKLab
- oklab(0.92 0.008 0.085)
- CIE Lab
- lab(90.98 4.43 34.39)
- LCH
- lch(90.98 34.67 82.7)
- CMYK
- cmyk(0% 12% 36% 0%)
Tinte · Ombre · Toni
Tinte
- FFE4AD
- FFE7B6
- FFEAC0
- FFEDC9
- FFF0D2
- FFF3DB
- FFF6E4
- FFF9ED
- FFFCF6
Ombre
- DEC48D
- BEA778
- 9E8B63
- 80704F
- 63563C
- 483E2A
- 2E2719
- 16120A
- 030201
Toni
- F2D7A0
- E4CD9D
- D7C39A
- CAB996
- BEB093
- B1A68F
- A49C8C
- 989388
- 8C8984
Armonie di colore
Complementare +180°
- FFE1A3
Midday Sun
- D8E5FF
≈ Veiling Waterfalls
Analogo -30° +30°
- FFE1A3
Midday Sun
- FFDDC7
≈ Coral Kiss
- E2ECAA
≈ Wedge of Lime
Triadico +120° +240°
- FFE1A3
Midday Sun
- A0F5FF
≈ Waterspout
- FDD5FF
≈ Pink Diamond
Complementare divisa +150° +210°
- FFE1A3
Midday Sun
- C9EAFF
≈ Blue Java Banana
- E6E0FF
≈ Stoic White
Tetradico +90° +180° +270°
- FFE1A3
Midday Sun
- A7F8E1
≈ Icery
- D8E5FF
≈ Veiling Waterfalls
- FFD9E6
≈ Pink Supremecy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASu nero
WCAG 16.55:1 · APCA Lc 91
Miglior colore del testo: #000000
WCAG 16.55:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--midday-sun: #ffe1a3;
--midday-sun-rgb: 255 225 163;
--midday-sun-oklch: oklch(0.92 0.085 85);
}
.element {
color: var(--midday-sun);
background-color: hsl(40 100% 82%);
border-color: oklch(0.92 0.085 85);
}Tailwind CSS v4
@theme {
--color-midday-sun: #ffe1a3;
--color-midday-sun-50: #fff4da;
--color-midday-sun-100: #f4e7c8;
--color-midday-sun-200: #e4d3ab;
--color-midday-sun-300: #cab585;
--color-midday-sun-400: #b69b62;
--color-midday-sun-500: #a0823e;
--color-midday-sun-600: #876e36;
--color-midday-sun-700: #6c582b;
--color-midday-sun-800: #51401d;
--color-midday-sun-900: #382c13;
--color-midday-sun-950: #231905;
}SCSS
$midday-sun: #ffe1a3;
$midday-sun-rgb: 255, 225, 163;
$midday-sun-light: mix(#fff, $midday-sun, 20%);
$midday-sun-dark: mix(#000, $midday-sun, 20%);
.element {
color: $midday-sun;
box-shadow: 0 0 0 2px rgba($midday-sun, 0.35);
}