Colore con nome · #F6D48D
Maybe Maui
Maybe Maui è #F6D48D: rgb(246 212 141), hsl(41 85% 76%), oklch(0.883 0.097 84.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Maybe Maui color name →
#F6D48D
oklch(0.883 0.097 84.9)
Conversioni di colore
- HEX
- #f6d48d
- RGB
- rgb(246 212 141)
- HSL
- hsl(41 85% 76%)
- HWB
- hwb(41 55% 4%)
- OKLCH
- oklch(0.883 0.097 84.9)
- OKLab
- oklab(0.883 0.009 0.097)
- CIE Lab
- lab(86.66 5.48 39.7)
- LCH
- lch(86.66 40.08 82.1)
- CMYK
- cmyk(0% 14% 43% 4%)
Tinte · Ombre · Toni
Tinte
- F7D899
- F8DDA5
- F9E1B1
- FAE6BC
- FBEAC8
- FCEED3
- FDF2DE
- FDF7E9
- FEFBF4
Ombre
- D6B87A
- B79D67
- 988355
- 7B6944
- 5F5133
- 453A23
- 2C2414
- 151007
- 030201
Toni
- EACB8D
- DDC38C
- D1BA8B
- C5B28A
- B9A989
- AEA187
- A29986
- 979084
- 8B8882
Armonie di colore
Complementare +180°
- F6D48D
Maybe Maui
- C6D9FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- F6D48D
Maybe Maui
- FFCDAB
≈ Petticoat
- D6E196
≈ Charming Green
Triadico +120° +240°
- F6D48D
Maybe Maui
- 85EBF7
≈ Photon Projector
- FAC3FC
≈ Electric Lavender
Complementare divisa +150° +210°
- F6D48D
Maybe Maui
- AEE0FF
≈ Droplet
- DBD1FF
≈ Pale Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.72:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.72:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--maybe-maui: #f6d48d;
--maybe-maui-rgb: 246 212 141;
--maybe-maui-oklch: oklch(0.883 0.097 84.9);
}
.element {
color: var(--maybe-maui);
background-color: hsl(41 85% 76%);
border-color: oklch(0.883 0.097 84.9);
}Tailwind CSS v4
@theme {
--color-maybe-maui: #f6d48d;
--color-maybe-maui-50: #fff4d6;
--color-maybe-maui-100: #f6e7c4;
--color-maybe-maui-200: #e6d2a5;
--color-maybe-maui-300: #cdb57e;
--color-maybe-maui-400: #b99a58;
--color-maybe-maui-500: #a4802f;
--color-maybe-maui-600: #8a6d2a;
--color-maybe-maui-700: #6f5721;
--color-maybe-maui-800: #533f16;
--color-maybe-maui-900: #3a2b0e;
--color-maybe-maui-950: #241902;
}SCSS
$maybe-maui: #f6d48d;
$maybe-maui-rgb: 246, 212, 141;
$maybe-maui-light: mix(#fff, $maybe-maui, 20%);
$maybe-maui-dark: mix(#000, $maybe-maui, 20%);
.element {
color: $maybe-maui;
box-shadow: 0 0 0 2px rgba($maybe-maui, 0.35);
}