Nazwany kolor · #F3E6D6
Fair Winds
Fair Winds to #F3E6D6: rgb(243 230 214), hsl(33 55% 90%), oklch(0.931 0.026 73.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fair Winds color name →
#F3E6D6
oklch(0.931 0.026 73.2)
Konwersje koloru
- HEX
- #f3e6d6
- RGB
- rgb(243 230 214)
- HSL
- hsl(33 55% 90%)
- HWB
- hwb(33 84% 5%)
- OKLCH
- oklch(0.931 0.026 73.2)
- OKLab
- oklab(0.931 0.007 0.025)
- CIE Lab
- lab(92.02 2.62 9.49)
- LCH
- lch(92.02 9.84 74.6)
- CMYK
- cmyk(0% 5% 12% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4E8DA
- F5EBDE
- F7EDE2
- F8F0E6
- F9F2EA
- FAF5EF
- FBF7F3
- FDFAF7
- FEFCFB
Odcienie ciemniejsze
- D3C8BA
- B4AB9E
- 978E84
- 7A736A
- 5E5952
- 44403B
- 2B2825
- 141310
- 030302
Tony
- E7DBCD
- DBD1C4
- CFC6BB
- C3BCB3
- B8B2AA
- ACA8A2
- A19D99
- 969491
- 8B8A88
Harmonie kolorów
Komplementarna +180°
- F3E6D6
Fair Winds
- DDEAF9
≈ Husky
Analogowa -30° +30°
- F3E6D6
Fair Winds
- F8E3DB
≈ Berry Cheesecake
- EBE9D6
≈ Angelic Starlet
Triada +120° +240°
- F3E6D6
Fair Winds
- D6EEED
≈ Blue Green Rules
- EEE4F5
≈ Holographic Lavender
Komplementarna rozszczepiona +150° +210°
- F3E6D6
Fair Winds
- D7ECF5
≈ Ice Fishing
- E5E6F9
≈ Cyber Lavender
Tetrada +90° +180° +270°
- F3E6D6
Fair Winds
- DAEEE3
≈ Sparkling Brook
- DDEAF9
≈ Husky
- F5E2ED
≈ Pale Orchid Petal
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.22:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.10:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.10:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--fair-winds: #f3e6d6;
--fair-winds-rgb: 243 230 214;
--fair-winds-oklch: oklch(0.931 0.026 73.2);
}
.element {
color: var(--fair-winds);
background-color: hsl(33 55% 90%);
border-color: oklch(0.931 0.026 73.2);
}Tailwind CSS v4
@theme {
--color-fair-winds: #f3e6d6;
--color-fair-winds-50: #faf4ed;
--color-fair-winds-100: #ede7df;
--color-fair-winds-200: #dbd3c8;
--color-fair-winds-300: #bfb6a9;
--color-fair-winds-400: #a89c8e;
--color-fair-winds-500: #918474;
--color-fair-winds-600: #7a7062;
--color-fair-winds-700: #62594e;
--color-fair-winds-800: #484139;
--color-fair-winds-900: #322d27;
--color-fair-winds-950: #1e1a15;
}SCSS
$fair-winds: #f3e6d6;
$fair-winds-rgb: 243, 230, 214;
$fair-winds-light: mix(#fff, $fair-winds, 20%);
$fair-winds-dark: mix(#000, $fair-winds, 20%);
.element {
color: $fair-winds;
box-shadow: 0 0 0 2px rgba($fair-winds, 0.35);
}