Colore con nome · #F6D9A9
Midsummer
Midsummer è #F6D9A9: rgb(246 217 169), hsl(37 81% 81%), oklch(0.898 0.07 80.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Midsummer color name →
#F6D9A9
oklch(0.898 0.07 80.1)
Conversioni di colore
- HEX
- #f6d9a9
- RGB
- rgb(246 217 169)
- HSL
- hsl(37 81% 81%)
- HWB
- hwb(37 66% 4%)
- OKLCH
- oklch(0.898 0.07 80.1)
- OKLab
- oklab(0.898 0.012 0.069)
- CIE Lab
- lab(88.28 5.35 27.61)
- LCH
- lch(88.28 28.13 79)
- CMYK
- cmyk(0% 12% 31% 4%)
Tinte · Ombre · Toni
Tinte
- F7DDB2
- F8E1BB
- F9E5C3
- FAE8CC
- FBECD4
- FCF0DD
- FCF4E6
- FDF8EE
- FEFBF7
Ombre
- D6BC92
- B7A17C
- 988667
- 7B6C53
- 5F533F
- 453B2C
- 2C251B
- 15110A
- 030201
Toni
- EAD0A5
- DDC7A1
- D1BE9D
- C5B599
- B9AC95
- AEA391
- A29A8D
- 979189
- 8B8984
Armonie di colore
Complementare +180°
- F6D9A9
Midsummer
- CBDFFF
≈ Arc Light
Analogo -30° +30°
- F6D9A9
Midsummer
- FFD3BB
≈ Mom’s Love
- DFE2AC
≈ Cocktail Onion
Triadico +120° +240°
- F6D9A9
Midsummer
- A6ECF0
≈ Mint Macaron
- F3CFFB
≈ Sassy Pink
Complementare divisa +150° +210°
- F6D9A9
Midsummer
- B4E6FF
≈ Frozen Landscape
- DCD8FF
≈ Transparent Blue
Tetradico +90° +180° +270°
- F6D9A9
Midsummer
- AFEDD6
≈ Faint Clover
- CBDFFF
≈ Arc Light
- FFCDE3
≈ Linnet Egg Red
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.41:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.41:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--midsummer: #f6d9a9;
--midsummer-rgb: 246 217 169;
--midsummer-oklch: oklch(0.898 0.07 80.1);
}
.element {
color: var(--midsummer);
background-color: hsl(37 81% 81%);
border-color: oklch(0.898 0.07 80.1);
}Tailwind CSS v4
@theme {
--color-midsummer: #f6d9a9;
--color-midsummer-50: #fff4df;
--color-midsummer-100: #f4e6ce;
--color-midsummer-200: #e3d2b3;
--color-midsummer-300: #c9b58f;
--color-midsummer-400: #b49a6f;
--color-midsummer-500: #9f814f;
--color-midsummer-600: #866d43;
--color-midsummer-700: #6b5735;
--color-midsummer-800: #503f26;
--color-midsummer-900: #382c19;
--color-midsummer-950: #22190a;
}SCSS
$midsummer: #f6d9a9;
$midsummer-rgb: 246, 217, 169;
$midsummer-light: mix(#fff, $midsummer, 20%);
$midsummer-dark: mix(#000, $midsummer, 20%);
.element {
color: $midsummer;
box-shadow: 0 0 0 2px rgba($midsummer, 0.35);
}