Colore con nome · #F0C588
Pollen Grains
Pollen Grains è #F0C588: rgb(240 197 136), hsl(35 78% 74%), oklch(0.847 0.092 75.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Pollen Grains color name →
#F0C588
oklch(0.847 0.092 75.7)
Conversioni di colore
- HEX
- #f0c588
- RGB
- rgb(240 197 136)
- HSL
- hsl(35 78% 74%)
- HWB
- hwb(35 53% 6%)
- OKLCH
- oklch(0.847 0.092 75.7)
- OKLab
- oklab(0.847 0.023 0.089)
- CIE Lab
- lab(82.33 10.08 36.62)
- LCH
- lch(82.33 37.99 74.6)
- CMYK
- cmyk(0% 18% 43% 6%)
Tinte · Ombre · Toni
Tinte
- F2CB94
- F3D1A1
- F5D7AD
- F7DCB9
- F8E2C4
- FAE8D0
- FBEEDC
- FCF4E8
- FEF9F3
Ombre
- D1AB75
- B29263
- 957952
- 786141
- 5D4B31
- 433522
- 2A2113
- 140E06
- 030201
Toni
- E4BE88
- D9B788
- CDB087
- C2A987
- B7A286
- AC9B85
- A19584
- 968E83
- 8B8781
Armonie di colore
Complementare +180°
- F0C588
Pollen Grains
- ACD0FF
≈ Ice Cold Stare
Analogo -30° +30°
- F0C588
Pollen Grains
- FFBB9C
≈ Cream Puff
- D5D18A
≈ Lemon Fennel
Triadico +120° +240°
- F0C588
Pollen Grains
- 7FE0E0
≈ Cold Blue
- E4BBF6
≈ Lavender Fragrance
Complementare divisa +150° +210°
- F0C588
Pollen Grains
- 88DAFB
≈ Tranquil Pool
- C7C6FF
≈ Light Periwinkle
Tetradico +90° +180° +270°
- F0C588
Pollen Grains
- 91E0BF
≈ Green Gum
- ACD0FF
≈ Ice Cold Stare
- FAB5DA
≈ Lavender Candy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.04:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.04:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--pollen-grains: #f0c588;
--pollen-grains-rgb: 240 197 136;
--pollen-grains-oklch: oklch(0.847 0.092 75.7);
}
.element {
color: var(--pollen-grains);
background-color: hsl(35 78% 74%);
border-color: oklch(0.847 0.092 75.7);
}Tailwind CSS v4
@theme {
--color-pollen-grains: #f0c588;
--color-pollen-grains-50: #fff3d8;
--color-pollen-grains-100: #f9e5c6;
--color-pollen-grains-200: #ead0a9;
--color-pollen-grains-300: #d2b282;
--color-pollen-grains-400: #be975f;
--color-pollen-grains-500: #a97d39;
--color-pollen-grains-600: #8f6a31;
--color-pollen-grains-700: #735527;
--color-pollen-grains-800: #553d1b;
--color-pollen-grains-900: #3c2a11;
--color-pollen-grains-950: #251704;
}SCSS
$pollen-grains: #f0c588;
$pollen-grains-rgb: 240, 197, 136;
$pollen-grains-light: mix(#fff, $pollen-grains, 20%);
$pollen-grains-dark: mix(#000, $pollen-grains, 20%);
.element {
color: $pollen-grains;
box-shadow: 0 0 0 2px rgba($pollen-grains, 0.35);
}