Nazwany kolor · #FAE2CF
Autumn White
Autumn White to #FAE2CF: rgb(250 226 207), hsl(27 81% 90%), oklch(0.927 0.037 60.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Autumn White color name →
#FAE2CF
oklch(0.927 0.037 60.7)
Konwersje koloru
- HEX
- #fae2cf
- RGB
- rgb(250 226 207)
- HSL
- hsl(27 81% 90%)
- HWB
- hwb(27 81% 2%)
- OKLCH
- oklch(0.927 0.037 60.7)
- OKLab
- oklab(0.927 0.018 0.032)
- CIE Lab
- lab(91.49 6.3 12.47)
- LCH
- lch(91.49 13.98 63.2)
- CMYK
- cmyk(0% 10% 17% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBE5D4
- FBE8D9
- FCEBDD
- FCEEE2
- FDF1E7
- FDF3EC
- FEF6F1
- FEF9F5
- FFFCFA
Odcienie ciemniejsze
- D9C4B4
- BAA899
- 9B8C7F
- 7D7167
- 61574F
- 463E38
- 2D2723
- 151210
- 030302
Tony
- EDD8C7
- E1CEBF
- D4C4B7
- C8BAAF
- BBB0A7
- AFA69F
- A39C97
- 97938F
- 8C8988
Harmonie kolorów
Komplementarna +180°
- FAE2CF
Autumn White
- D2EBFE
≈ Veiling Waterfalls
Analogowa -30° +30°
- FAE2CF
Autumn White
- FFDFD8
≈ Red Shimmer
- F0E7CC
≈ Distressed White
Triada +120° +240°
- FAE2CF
Autumn White
- CEF0E8
≈ Teal Ice
- EBE2FC
≈ Lavender Mist
Komplementarna rozszczepiona +150° +210°
- FAE2CF
Autumn White
- CCEEF5
≈ Diamond League
- DEE6FF
≈ Lavender Mist
Tetrada +90° +180° +270°
- FAE2CF
Autumn White
- D6EEDB
≈ Winter Fresh
- D2EBFE
≈ Veiling Waterfalls
- F6DFF3
≈ Sheer Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.84:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.84:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--autumn-white: #fae2cf;
--autumn-white-rgb: 250 226 207;
--autumn-white-oklch: oklch(0.927 0.037 60.7);
}
.element {
color: var(--autumn-white);
background-color: hsl(27 81% 90%);
border-color: oklch(0.927 0.037 60.7);
}Tailwind CSS v4
@theme {
--color-autumn-white: #fae2cf;
--color-autumn-white-50: #fdf3eb;
--color-autumn-white-100: #f1e6dc;
--color-autumn-white-200: #e0d1c5;
--color-autumn-white-300: #c6b4a5;
--color-autumn-white-400: #af9a89;
--color-autumn-white-500: #99816e;
--color-autumn-white-600: #816d5d;
--color-autumn-white-700: #67574a;
--color-autumn-white-800: #4c3f36;
--color-autumn-white-900: #352c25;
--color-autumn-white-950: #201913;
}SCSS
$autumn-white: #fae2cf;
$autumn-white-rgb: 250, 226, 207;
$autumn-white-light: mix(#fff, $autumn-white, 20%);
$autumn-white-dark: mix(#000, $autumn-white, 20%);
.element {
color: $autumn-white;
box-shadow: 0 0 0 2px rgba($autumn-white, 0.35);
}