Colore con nome · #F0E130
Dandelion Tincture
Dandelion Tincture è #F0E130: rgb(240 225 48), hsl(55 86% 56%), oklch(0.894 0.178 104.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Dandelion Tincture color name →
#F0E130
oklch(0.894 0.178 104.2)
Conversioni di colore
- HEX
- #f0e130
- RGB
- rgb(240 225 48)
- HSL
- hsl(55 86% 56%)
- HWB
- hwb(55 19% 6%)
- OKLCH
- oklch(0.894 0.178 104.2)
- OKLab
- oklab(0.894 -0.044 0.173)
- CIE Lab
- lab(88.71 -7.55 79.51)
- LCH
- lch(88.71 79.86 95.4)
- CMYK
- cmyk(0% 6% 80% 6%)
Tinte · Ombre · Toni
Tinte
- F1E455
- F3E86F
- F4EB85
- F5EE99
- F7F1AB
- F8F4BD
- FAF7CE
- FCFADF
- FDFCEF
Ombre
- D1C428
- B2A721
- 958B1A
- 787013
- 5D560C
- 433E06
- 2A2703
- 141201
- 030200
Toni
- E4D745
- D8CD53
- CDC45D
- C1BA66
- B6B06C
- ABA772
- A09D77
- 95937A
- 8A8A7D
Armonie di colore
Complementare +180°
- F0E130
Dandelion Tincture
- D7D8FF
≈ Icy Plains
Analogo -30° +30°
- F0E130
Dandelion Tincture
- FFD49C
≈ Mango Nectar
- A9F575
≈ Lima
Triadico +120° +240°
- F0E130
Dandelion Tincture
- AAE7FF
≈ Fresh Air
- FFCAE8
≈ Soulmate Pink
Complementare divisa +150° +210°
- F0E130
Dandelion Tincture
- C5DFFF
≈ Arc Light
- EFCEFF
≈ Rose Dragée
Tetradico +90° +180° +270°
- F0E130
Dandelion Tincture
- 00FBFA
≈ Arctic Water
- D7D8FF
≈ Icy Plains
- FFCED1
≈ Love Fumes
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.51:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--dandelion-tincture: #f0e130;
--dandelion-tincture-rgb: 240 225 48;
--dandelion-tincture-oklch: oklch(0.894 0.178 104.2);
}
.element {
color: var(--dandelion-tincture);
background-color: hsl(55 86% 56%);
border-color: oklch(0.894 0.178 104.2);
}Tailwind CSS v4
@theme {
--color-dandelion-tincture: #f0e130;
--color-dandelion-tincture-50: #fbf9be;
--color-dandelion-tincture-100: #efeca6;
--color-dandelion-tincture-200: #ded97c;
--color-dandelion-tincture-300: #c3bd40;
--color-dandelion-tincture-400: #b1a200;
--color-dandelion-tincture-500: #9b8800;
--color-dandelion-tincture-600: #837300;
--color-dandelion-tincture-700: #695c00;
--color-dandelion-tincture-800: #4f4300;
--color-dandelion-tincture-900: #372e00;
--color-dandelion-tincture-950: #221a00;
}SCSS
$dandelion-tincture: #f0e130;
$dandelion-tincture-rgb: 240, 225, 48;
$dandelion-tincture-light: mix(#fff, $dandelion-tincture, 20%);
$dandelion-tincture-dark: mix(#000, $dandelion-tincture, 20%);
.element {
color: $dandelion-tincture;
box-shadow: 0 0 0 2px rgba($dandelion-tincture, 0.35);
}