Warna bernama · #F0E130
Dandelion Tincture
Dandelion Tincture adalah #F0E130: rgb(240 225 48), hsl(55 86% 56%), oklch(0.894 0.178 104.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Dandelion Tincture color name →
#F0E130
oklch(0.894 0.178 104.2)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- F1E455
- F3E86F
- F4EB85
- F5EE99
- F7F1AB
- F8F4BD
- FAF7CE
- FCFADF
- FDFCEF
Shade
- D1C428
- B2A721
- 958B1A
- 787013
- 5D560C
- 433E06
- 2A2703
- 141201
- 030200
Tone
- E4D745
- D8CD53
- CDC45D
- C1BA66
- B6B06C
- ABA772
- A09D77
- 95937A
- 8A8A7D
Harmoni warna
Komplementer +180°
- F0E130
Dandelion Tincture
- D7D8FF
≈ Icy Plains
Analog -30° +30°
- F0E130
Dandelion Tincture
- FFD49C
≈ Mango Nectar
- A9F575
≈ Lima
Triadik +120° +240°
- F0E130
Dandelion Tincture
- AAE7FF
≈ Fresh Air
- FFCAE8
≈ Soulmate Pink
Split-komplementer +150° +210°
- F0E130
Dandelion Tincture
- C5DFFF
≈ Arc Light
- EFCEFF
≈ Rose Dragée
Tetradik +90° +180° +270°
- F0E130
Dandelion Tincture
- 00FBFA
≈ Arctic Water
- D7D8FF
≈ Icy Plains
- FFCED1
≈ Love Fumes
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.35:1 · APCA Lc 17
Ag
AAADi atas hitam
WCAG 15.51:1 · APCA Lc 86
Warna teks terbaik: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
Cuplikan kode
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);
}