Warna bernama · #C39E44
Golden Field
Golden Field adalah #C39E44: rgb(195 158 68), hsl(43 51% 52%), oklch(0.716 0.116 86.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Golden Field color name →
#C39E44
oklch(0.716 0.116 86.6)
Konversi warna
- HEX
- #c39e44
- RGB
- rgb(195 158 68)
- HSL
- hsl(43 51% 52%)
- HWB
- hwb(43 27% 24%)
- OKLCH
- oklch(0.716 0.116 86.6)
- OKLab
- oklab(0.716 0.007 0.116)
- CIE Lab
- lab(67.28 6.94 50.92)
- LCH
- lch(67.28 51.39 82.2)
- CMYK
- cmyk(0% 19% 65% 24%)
Tint · Shade · Tone
Tint
- C9A85A
- CFB16E
- D5BB81
- DBC593
- E1CEA5
- E7D8B7
- EDE2C9
- F3ECDB
- F9F5ED
Shade
- A9893A
- 907430
- 786026
- 604D1D
- 4A3A14
- 34290C
- 201805
- 0E0902
- 020100
Tone
- BC9B4D
- B59855
- AF965C
- A89363
- A19069
- 9A8D6E
- 948A73
- 8D8678
- 87837C
Harmoni warna
Komplementer +180°
- C39E44
Golden Field
- 82A1EC
≈ Blue Cue
Analog -30° +30°
- C39E44
Golden Field
- DA8F57
≈ Persian Orange
- 9FAD53
≈ Sour Apple
Triadik +120° +240°
- C39E44
Golden Field
- 25B7C7
≈ Utopia Beckons
- C989CA
≈ Purception
Split-komplementer +150° +210°
- C39E44
Golden Field
- 52AEE2
≈ Thalassophile
- AA94E3
≈ Dreamy Candy Forest
Tetradik +90° +180° +270°
- C39E44
Golden Field
- 3CBBA1
≈ First Post
- 82A1EC
≈ Blue Cue
- DD84A5
≈ Sweet Chrysanthemum
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.53:1 · APCA Lc 50
Ag
AAADi atas hitam
WCAG 8.29:1 · APCA Lc 52
Warna teks terbaik: #000000
WCAG 8.29:1 (AAA) · APCA Lc 52
Contrast pairs
Cuplikan kode
CSS
:root {
--golden-field: #c39e44;
--golden-field-rgb: 195 158 68;
--golden-field-oklch: oklch(0.716 0.116 86.6);
}
.element {
color: var(--golden-field);
background-color: hsl(43 51% 52%);
border-color: oklch(0.716 0.116 86.6);
}Tailwind CSS v4
@theme {
--color-golden-field: #c39e44;
--color-golden-field-50: #fff4d0;
--color-golden-field-100: #f8e7bc;
--color-golden-field-200: #e9d29b;
--color-golden-field-300: #d0b570;
--color-golden-field-400: #bc9946;
--color-golden-field-500: #a88000;
--color-golden-field-600: #8e6c08;
--color-golden-field-700: #715608;
--color-golden-field-800: #553e04;
--color-golden-field-900: #3b2b04;
--color-golden-field-950: #251800;
}SCSS
$golden-field: #c39e44;
$golden-field-rgb: 195, 158, 68;
$golden-field-light: mix(#fff, $golden-field, 20%);
$golden-field-dark: mix(#000, $golden-field, 20%);
.element {
color: $golden-field;
box-shadow: 0 0 0 2px rgba($golden-field, 0.35);
}