Colore con nome · #E6BE59
Golden Appeal
Golden Appeal è #E6BE59: rgb(230 190 89), hsl(43 74% 63%), oklch(0.817 0.127 87.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Appeal color name →
#E6BE59
oklch(0.817 0.127 87.6)
Conversioni di colore
- HEX
- #e6be59
- RGB
- rgb(230 190 89)
- HSL
- hsl(43 74% 63%)
- HWB
- hwb(43 35% 10%)
- OKLCH
- oklch(0.817 0.127 87.6)
- OKLab
- oklab(0.817 0.005 0.127)
- CIE Lab
- lab(79.11 6.6 55.32)
- LCH
- lch(79.11 55.71 83.2)
- CMYK
- cmyk(0% 17% 61% 10%)
Tinte · Ombre · Toni
Tinte
- E9C56D
- EBCB7F
- EED290
- F0D9A1
- F3DFB1
- F5E6C1
- F8ECD1
- FAF2E0
- FDF9F0
Ombre
- C8A54C
- AB8C40
- 8E7534
- 735E28
- 59481D
- 403313
- 281F09
- 130D03
- 030200
Toni
- DBB860
- D1B266
- C6AC6B
- BCA56F
- B29F73
- A89977
- 9E9379
- 948D7C
- 8A867E
Armonie di colore
Complementare +180°
- E6BE59
Golden Appeal
- AAC2FF
≈ Pastel Blue
Analogo -30° +30°
- E6BE59
Golden Appeal
- FFAF70
≈ Bloom
- BCCE6A
≈ Lustre Green
Triadico +120° +240°
- E6BE59
Golden Appeal
- 3DDAEE
≈ Blue Dacnis
- F0A5ED
≈ Pinky Swear
Complementare divisa +150° +210°
- E6BE59
Golden Appeal
- 7FCDFF
≈ Chromis Damsel Blue
- CBB5FF
≈ Violet Heaven
Tetradico +90° +180° +270°
- E6BE59
Golden Appeal
- 50DEC3
≈ Jazzy Jade
- AAC2FF
≈ Pastel Blue
- FFA4C3
≈ Taffy Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.87:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.87:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-appeal: #e6be59;
--golden-appeal-rgb: 230 190 89;
--golden-appeal-oklch: oklch(0.817 0.127 87.6);
}
.element {
color: var(--golden-appeal);
background-color: hsl(43 74% 63%);
border-color: oklch(0.817 0.127 87.6);
}Tailwind CSS v4
@theme {
--color-golden-appeal: #e6be59;
--color-golden-appeal-50: #fff4cc;
--color-golden-appeal-100: #f9e7b8;
--color-golden-appeal-200: #ead295;
--color-golden-appeal-300: #d1b568;
--color-golden-appeal-400: #be9938;
--color-golden-appeal-500: #aa7f00;
--color-golden-appeal-600: #8f6c00;
--color-golden-appeal-700: #735600;
--color-golden-appeal-800: #563e00;
--color-golden-appeal-900: #3c2b00;
--color-golden-appeal-950: #261800;
}SCSS
$golden-appeal: #e6be59;
$golden-appeal-rgb: 230, 190, 89;
$golden-appeal-light: mix(#fff, $golden-appeal, 20%);
$golden-appeal-dark: mix(#000, $golden-appeal, 20%);
.element {
color: $golden-appeal;
box-shadow: 0 0 0 2px rgba($golden-appeal, 0.35);
}