Colore con nome · #F9D593
Flower Hat Jellyfish
Flower Hat Jellyfish è #F9D593: rgb(249 213 147), hsl(39 89% 78%), oklch(0.889 0.093 82.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Flower Hat Jellyfish color name →
#F9D593
oklch(0.889 0.093 82.1)
Conversioni di colore
- HEX
- #f9d593
- RGB
- rgb(249 213 147)
- HSL
- hsl(39 89% 78%)
- HWB
- hwb(39 58% 2%)
- OKLCH
- oklch(0.889 0.093 82.1)
- OKLab
- oklab(0.889 0.013 0.092)
- CIE Lab
- lab(87.26 6.63 37.53)
- LCH
- lch(87.26 38.11 80)
- CMYK
- cmyk(0% 14% 41% 2%)
Tinte · Ombre · Toni
Tinte
- FAD99E
- FADEAA
- FBE2B5
- FCE6C0
- FCEACA
- FDEFD5
- FDF3E0
- FEF7EA
- FFFBF5
Ombre
- D9B97F
- B99E6C
- 9A8359
- 7D6A47
- 615136
- 463A25
- 2C2416
- 151008
- 030201
Toni
- ECCC92
- E0C490
- D3BB8F
- C7B28D
- BBAA8B
- AFA189
- A39987
- 979185
- 8C8883
Armonie di colore
Complementare +180°
- F9D593
Flower Hat Jellyfish
- C7DBFF
≈ Arc Light
Analogo -30° +30°
- F9D593
Flower Hat Jellyfish
- FFCFB2
≈ Apricot Lily
- DBE199
≈ Curious
Triadico +120° +240°
- F9D593
Flower Hat Jellyfish
- 8CEDF5
≈ Bath Water
- F8C6FF
≈ Aquarelle Lilac
Complementare divisa +150° +210°
- F9D593
Flower Hat Jellyfish
- AFE3FF
≈ Frozen Landscape
- DBD4FF
≈ Pale Lavender
Tetradico +90° +180° +270°
- F9D593
Flower Hat Jellyfish
- 98EFD3
≈ Oasis Stream
- C7DBFF
≈ Arc Light
- FFC9DF
≈ Cherry Blush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.40:1 · APCA Lc 19
Ag
AAASu nero
WCAG 14.96:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 14.96:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--flower-hat-jellyfish: #f9d593;
--flower-hat-jellyfish-rgb: 249 213 147;
--flower-hat-jellyfish-oklch: oklch(0.889 0.093 82.1);
}
.element {
color: var(--flower-hat-jellyfish);
background-color: hsl(39 89% 78%);
border-color: oklch(0.889 0.093 82.1);
}Tailwind CSS v4
@theme {
--color-flower-hat-jellyfish: #f9d593;
--color-flower-hat-jellyfish-50: #fff4d8;
--color-flower-hat-jellyfish-100: #f7e6c6;
--color-flower-hat-jellyfish-200: #e7d2a8;
--color-flower-hat-jellyfish-300: #ceb481;
--color-flower-hat-jellyfish-400: #ba995d;
--color-flower-hat-jellyfish-500: #a58036;
--color-flower-hat-jellyfish-600: #8b6c2f;
--color-flower-hat-jellyfish-700: #6f5625;
--color-flower-hat-jellyfish-800: #533f19;
--color-flower-hat-jellyfish-900: #3a2b10;
--color-flower-hat-jellyfish-950: #241804;
}SCSS
$flower-hat-jellyfish: #f9d593;
$flower-hat-jellyfish-rgb: 249, 213, 147;
$flower-hat-jellyfish-light: mix(#fff, $flower-hat-jellyfish, 20%);
$flower-hat-jellyfish-dark: mix(#000, $flower-hat-jellyfish, 20%);
.element {
color: $flower-hat-jellyfish;
box-shadow: 0 0 0 2px rgba($flower-hat-jellyfish, 0.35);
}