Colore con nome · #E1AD21
Urobilin
Urobilin è #E1AD21: rgb(225 173 33), hsl(44 76% 51%), oklch(0.775 0.151 85.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Urobilin color name →
#E1AD21
oklch(0.775 0.151 85.5)
Conversioni di colore
- HEX
- #e1ad21
- RGB
- rgb(225 173 33)
- HSL
- hsl(44 76% 51%)
- HWB
- hwb(44 13% 12%)
- OKLCH
- oklch(0.775 0.151 85.5)
- OKLab
- oklab(0.775 0.012 0.151)
- CIE Lab
- lab(74.06 11.19 70.92)
- LCH
- lch(74.06 71.8 81)
- CMYK
- cmyk(0% 23% 85% 12%)
Tinte · Ombre · Toni
Tinte
- E4B647
- E7BE61
- EBC678
- EECF8D
- F1D7A1
- F4DFB4
- F6E7C7
- F9EFDA
- FCF7EC
Ombre
- C4961B
- A77F16
- 8B6A10
- 70550B
- 564106
- 3E2D03
- 271B01
- 120B00
- 020100
Toni
- D7A937
- CDA546
- C3A052
- B99C5B
- B09763
- A6936A
- 9C8E70
- 938A76
- 89857B
Armonie di colore
Complementare +180°
- E1AD21
Urobilin
- 93B4FF
≈ Carolina Blue
Analogo -30° +30°
- E1AD21
Urobilin
- FE994B
≈ Autumn Splendour
- B2C13F
≈ Rainforest Glow
Triadico +120° +240°
- E1AD21
Urobilin
- 00CDDE
≈ Jade Glass
- E692EA
≈ Diva Mecha
Complementare divisa +150° +210°
- E1AD21
Urobilin
- 50C2FF
≈ Shovel Knight
- BCA4FF
≈ Diva
Tetradico +90° +180° +270°
- E1AD21
Urobilin
- 00D3B1
≈ Mint Leaf
- 93B4FF
≈ Carolina Blue
- FF8ABA
≈ Cochonnet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.05:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.20:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.20:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--urobilin: #e1ad21;
--urobilin-rgb: 225 173 33;
--urobilin-oklch: oklch(0.775 0.151 85.5);
}
.element {
color: var(--urobilin);
background-color: hsl(44 76% 51%);
border-color: oklch(0.775 0.151 85.5);
}Tailwind CSS v4
@theme {
--color-urobilin: #e1ad21;
--color-urobilin-50: #fff3c4;
--color-urobilin-100: #fde6ae;
--color-urobilin-200: #f0d187;
--color-urobilin-300: #d8b254;
--color-urobilin-400: #c69600;
--color-urobilin-500: #b37b00;
--color-urobilin-600: #976800;
--color-urobilin-700: #795300;
--color-urobilin-800: #5b3c00;
--color-urobilin-900: #402900;
--color-urobilin-950: #281700;
}SCSS
$urobilin: #e1ad21;
$urobilin-rgb: 225, 173, 33;
$urobilin-light: mix(#fff, $urobilin, 20%);
$urobilin-dark: mix(#000, $urobilin, 20%);
.element {
color: $urobilin;
box-shadow: 0 0 0 2px rgba($urobilin, 0.35);
}