Warna bernama · #E6BE59
Golden Appeal
Golden Appeal adalah #E6BE59: rgb(230 190 89), hsl(43 74% 63%), oklch(0.817 0.127 87.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Golden Appeal color name →
#E6BE59
oklch(0.817 0.127 87.6)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- E9C56D
- EBCB7F
- EED290
- F0D9A1
- F3DFB1
- F5E6C1
- F8ECD1
- FAF2E0
- FDF9F0
Shade
- C8A54C
- AB8C40
- 8E7534
- 735E28
- 59481D
- 403313
- 281F09
- 130D03
- 030200
Tone
- DBB860
- D1B266
- C6AC6B
- BCA56F
- B29F73
- A89977
- 9E9379
- 948D7C
- 8A867E
Harmoni warna
Komplementer +180°
- E6BE59
Golden Appeal
- AAC2FF
≈ Pastel Blue
Analog -30° +30°
- E6BE59
Golden Appeal
- FFAF70
≈ Bloom
- BCCE6A
≈ Lustre Green
Triadik +120° +240°
- E6BE59
Golden Appeal
- 3DDAEE
≈ Blue Dacnis
- F0A5ED
≈ Pinky Swear
Split-komplementer +150° +210°
- E6BE59
Golden Appeal
- 7FCDFF
≈ Chromis Damsel Blue
- CBB5FF
≈ Violet Heaven
Tetradik +90° +180° +270°
- E6BE59
Golden Appeal
- 50DEC3
≈ Jazzy Jade
- AAC2FF
≈ Pastel Blue
- FFA4C3
≈ Taffy Pink
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.76:1 · APCA Lc 32
Ag
AAADi atas hitam
WCAG 11.87:1 · APCA Lc 70
Warna teks terbaik: #000000
WCAG 11.87:1 (AAA) · APCA Lc 70
Contrast pairs
Cuplikan kode
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);
}