Colore con nome · #E3B130
Nanohanacha Gold
Nanohanacha Gold è #E3B130: rgb(227 177 48), hsl(43 76% 54%), oklch(0.785 0.147 85.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Nanohanacha Gold color name →
#E3B130
oklch(0.785 0.147 85.8)
Conversioni di colore
- HEX
- #e3b130
- RGB
- rgb(227 177 48)
- HSL
- hsl(43 76% 54%)
- HWB
- hwb(43 19% 11%)
- OKLCH
- oklch(0.785 0.147 85.8)
- OKLab
- oklab(0.785 0.011 0.147)
- CIE Lab
- lab(75.32 10.34 67.73)
- LCH
- lch(75.32 68.51 81.3)
- CMYK
- cmyk(0% 22% 79% 11%)
Tinte · Ombre · Toni
Tinte
- E6B94F
- E9C167
- ECC97D
- EFD191
- F2D9A4
- F4E1B7
- F7E8C9
- FAF0DB
- FCF7ED
Ombre
- C59928
- A88321
- 8C6C1A
- 715713
- 57420C
- 3F2F06
- 271C03
- 120C01
- 030100
Toni
- D9AC41
- CFA84D
- C5A357
- BB9E5F
- B19966
- A7946D
- 9D8F72
- 938A77
- 8A857C
Armonie di colore
Complementare +180°
- E3B130
Nanohanacha Gold
- 98B8FF
≈ Truesky Gloxym
Analogo -30° +30°
- E3B130
Nanohanacha Gold
- FF9E54
≈ Bittersweet
- B5C449
≈ Rainforest Glow
Triadico +120° +240°
- E3B130
Nanohanacha Gold
- 00D1E3
≈ Aztec Turquoise
- E996EC
≈ Diva Mecha
Complementare divisa +150° +210°
- E3B130
Nanohanacha Gold
- 5DC5FF
≈ Blue Mana
- C0A8FF
≈ Purple Hepatica
Tetradico +90° +180° +270°
- E3B130
Nanohanacha Gold
- 00D7B5
≈ Channel Marker Green
- 98B8FF
≈ Truesky Gloxym
- FF91BC
≈ Schauss Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.98:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.59:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.59:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--nanohanacha-gold: #e3b130;
--nanohanacha-gold-rgb: 227 177 48;
--nanohanacha-gold-oklch: oklch(0.785 0.147 85.8);
}
.element {
color: var(--nanohanacha-gold);
background-color: hsl(43 76% 54%);
border-color: oklch(0.785 0.147 85.8);
}Tailwind CSS v4
@theme {
--color-nanohanacha-gold: #e3b130;
--color-nanohanacha-gold-50: #fff4c6;
--color-nanohanacha-gold-100: #fde6b0;
--color-nanohanacha-gold-200: #efd18a;
--color-nanohanacha-gold-300: #d7b357;
--color-nanohanacha-gold-400: #c59711;
--color-nanohanacha-gold-500: #b17c00;
--color-nanohanacha-gold-600: #966900;
--color-nanohanacha-gold-700: #785400;
--color-nanohanacha-gold-800: #5a3c00;
--color-nanohanacha-gold-900: #3f2900;
--color-nanohanacha-gold-950: #281700;
}SCSS
$nanohanacha-gold: #e3b130;
$nanohanacha-gold-rgb: 227, 177, 48;
$nanohanacha-gold-light: mix(#fff, $nanohanacha-gold, 20%);
$nanohanacha-gold-dark: mix(#000, $nanohanacha-gold, 20%);
.element {
color: $nanohanacha-gold;
box-shadow: 0 0 0 2px rgba($nanohanacha-gold, 0.35);
}