Nazwany kolor · #F7E6C6
Flaxseed
Flaxseed to #F7E6C6: rgb(247 230 198), hsl(39 75% 87%), oklch(0.93 0.046 83.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Flaxseed color name →
#F7E6C6
oklch(0.93 0.046 83.3)
Konwersje koloru
- HEX
- #f7e6c6
- RGB
- rgb(247 230 198)
- HSL
- hsl(39 75% 87%)
- HWB
- hwb(39 78% 3%)
- OKLCH
- oklch(0.93 0.046 83.3)
- OKLab
- oklab(0.93 0.005 0.046)
- CIE Lab
- lab(92.06 2.29 17.86)
- LCH
- lch(92.06 18.01 82.7)
- CMYK
- cmyk(0% 7% 20% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F8E9CC
- F9EBD1
- F9EED7
- FAF0DD
- FBF3E3
- FCF5E8
- FDF8EE
- FDFAF4
- FEFDF9
Odcienie ciemniejsze
- D7C8AC
- B7AB92
- 998E7A
- 7C7362
- 60594B
- 454035
- 2C2821
- 15130E
- 030302
Tony
- EBDBBF
- DED1B8
- D2C6B1
- C6BCAA
- BAB2A3
- AEA89C
- A29E95
- 97948E
- 8B8A87
Harmonie kolorów
Komplementarna +180°
- F7E6C6
Flaxseed
- DDE8FF
≈ Cloudless
Analogowa -30° +30°
- F7E6C6
Flaxseed
- FFE1CF
≈ Powdered Peach
- E7ECC9
≈ Honeydew Melon
Triada +120° +240°
- F7E6C6
Flaxseed
- C5F2F6
≈ Vaporised
- F8DEFA
≈ Strawberry Frost
Komplementarna rozszczepiona +150° +210°
- F7E6C6
Flaxseed
- CFEDFF
≈ Blue Hijab
- E8E4FF
≈ Lavender Mist
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.22:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.08:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.08:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--flaxseed: #f7e6c6;
--flaxseed-rgb: 247 230 198;
--flaxseed-oklch: oklch(0.93 0.046 83.3);
}
.element {
color: var(--flaxseed);
background-color: hsl(39 75% 87%);
border-color: oklch(0.93 0.046 83.3);
}Tailwind CSS v4
@theme {
--color-flaxseed: #f7e6c6;
--color-flaxseed-50: #fbf4e7;
--color-flaxseed-100: #efe7d7;
--color-flaxseed-200: #ddd3bf;
--color-flaxseed-300: #c2b69d;
--color-flaxseed-400: #ac9d80;
--color-flaxseed-500: #958463;
--color-flaxseed-600: #7e7054;
--color-flaxseed-700: #655943;
--color-flaxseed-800: #4b4130;
--color-flaxseed-900: #342d21;
--color-flaxseed-950: #1f1a10;
}SCSS
$flaxseed: #f7e6c6;
$flaxseed-rgb: 247, 230, 198;
$flaxseed-light: mix(#fff, $flaxseed, 20%);
$flaxseed-dark: mix(#000, $flaxseed, 20%);
.element {
color: $flaxseed;
box-shadow: 0 0 0 2px rgba($flaxseed, 0.35);
}