Nazwany kolor · #EFC87D
Mille-Feuille
Mille-Feuille to #EFC87D: rgb(239 200 125), hsl(39 78% 71%), oklch(0.85 0.103 82.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Mille-Feuille color name →
#EFC87D
oklch(0.85 0.103 82.9)
Konwersje koloru
- HEX
- #efc87d
- RGB
- rgb(239 200 125)
- HSL
- hsl(39 78% 71%)
- HWB
- hwb(39 49% 6%)
- OKLCH
- oklch(0.85 0.103 82.9)
- OKLab
- oklab(0.85 0.013 0.103)
- CIE Lab
- lab(82.84 7.43 42.75)
- LCH
- lch(82.84 43.39 80.1)
- CMYK
- cmyk(0% 16% 48% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1CE8B
- F2D399
- F4D9A6
- F6DEB3
- F7E4C0
- F9E9CD
- FBEFD9
- FCF4E6
- FEFAF2
Odcienie ciemniejsze
- D0AE6C
- B1945B
- 947B4B
- 78633B
- 5C4C2C
- 42361E
- 2A2111
- 140F05
- 030201
Tony
- E3C17E
- D8B980
- CDB281
- C1AB81
- B6A482
- AB9D82
- A09582
- 958E81
- 8B8781
Harmonie kolorów
Komplementarna +180°
- EFC87D
Mille-Feuille
- B5CFFF
≈ Ice Cold Stare
Analogowa -30° +30°
- EFC87D
Mille-Feuille
- FFBD95
≈ Sunset Cruise
- CED585
≈ Lime Sherbet
Triada +120° +240°
- EFC87D
Mille-Feuille
- 71E2EC
≈ Turkish Turquoise
- EFB7F6
≈ Euphoria
Komplementarna rozszczepiona +150° +210°
- EFC87D
Mille-Feuille
- 91D9FF
≈ Shiva Blue
- CFC5FF
≈ Innocent Snowdrop
Tetrada +90° +180° +270°
- EFC87D
Mille-Feuille
- 81E4C7
≈ Bubble Algae
- B5CFFF
≈ Ice Cold Stare
- FFB5D3
≈ Candy Bar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.22:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.22:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--mille-feuille: #efc87d;
--mille-feuille-rgb: 239 200 125;
--mille-feuille-oklch: oklch(0.85 0.103 82.9);
}
.element {
color: var(--mille-feuille);
background-color: hsl(39 78% 71%);
border-color: oklch(0.85 0.103 82.9);
}Tailwind CSS v4
@theme {
--color-mille-feuille: #efc87d;
--color-mille-feuille-50: #fff4d4;
--color-mille-feuille-100: #f8e6c1;
--color-mille-feuille-200: #e9d2a2;
--color-mille-feuille-300: #d0b479;
--color-mille-feuille-400: #bc9953;
--color-mille-feuille-500: #a77f25;
--color-mille-feuille-600: #8d6c22;
--color-mille-feuille-700: #71561b;
--color-mille-feuille-800: #553e12;
--color-mille-feuille-900: #3b2b0b;
--color-mille-feuille-950: #251801;
}SCSS
$mille-feuille: #efc87d;
$mille-feuille-rgb: 239, 200, 125;
$mille-feuille-light: mix(#fff, $mille-feuille, 20%);
$mille-feuille-dark: mix(#000, $mille-feuille, 20%);
.element {
color: $mille-feuille;
box-shadow: 0 0 0 2px rgba($mille-feuille, 0.35);
}