Nazwany kolor · #E6D682
Gold Winged
Gold Winged to #E6D682: rgb(230 214 130), hsl(50 67% 71%), oklch(0.871 0.106 98.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Gold Winged color name →
#E6D682
oklch(0.871 0.106 98.8)
Konwersje koloru
- HEX
- #e6d682
- RGB
- rgb(230 214 130)
- HSL
- hsl(50 67% 71%)
- HWB
- hwb(50 51% 10%)
- OKLCH
- oklch(0.871 0.106 98.8)
- OKLab
- oklab(0.871 -0.016 0.105)
- CIE Lab
- lab(85.59 -2.65 43.43)
- LCH
- lch(85.59 43.51 93.5)
- CMYK
- cmyk(0% 7% 43% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8DA90
- EBDE9D
- EDE3AA
- F0E7B6
- F2EBC3
- F5EFCF
- F7F3DB
- FAF7E7
- FCFBF3
Odcienie ciemniejsze
- C8BA70
- AB9E5F
- 8E844E
- 736A3E
- 59522F
- 403B20
- 282512
- 131006
- 030201
Tony
- DBCD83
- D1C484
- C6BC84
- BCB384
- B2AA84
- A7A284
- 9D9983
- 939182
- 8A8881
Harmonie kolorów
Komplementarna +180°
- E6D682
Gold Winged
- CBD1FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- E6D682
Gold Winged
- FFC98E
≈ Tangerine Silk
- BFE397
≈ Oxalis
Triada +120° +240°
- E6D682
Gold Winged
- 88E4FF
≈ Tranquil Pool
- FFBDEA
≈ Pink Quartz
Komplementarna rozszczepiona +150° +210°
- E6D682
Gold Winged
- B3D9FF
≈ Droplet
- E4C6FF
≈ Wisteria Powder
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.30:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.30:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--gold-winged: #e6d682;
--gold-winged-rgb: 230 214 130;
--gold-winged-oklch: oklch(0.871 0.106 98.8);
}
.element {
color: var(--gold-winged);
background-color: hsl(50 67% 71%);
border-color: oklch(0.871 0.106 98.8);
}Tailwind CSS v4
@theme {
--color-gold-winged: #e6d682;
--color-gold-winged-50: #fbf7d4;
--color-gold-winged-100: #efeac1;
--color-gold-winged-200: #ded6a2;
--color-gold-winged-300: #c3b979;
--color-gold-winged-400: #ae9f51;
--color-gold-winged-500: #988722;
--color-gold-winged-600: #81721f;
--color-gold-winged-700: #675b19;
--color-gold-winged-800: #4d420f;
--color-gold-winged-900: #352e09;
--color-gold-winged-950: #211a00;
}SCSS
$gold-winged: #e6d682;
$gold-winged-rgb: 230, 214, 130;
$gold-winged-light: mix(#fff, $gold-winged, 20%);
$gold-winged-dark: mix(#000, $gold-winged, 20%);
.element {
color: $gold-winged;
box-shadow: 0 0 0 2px rgba($gold-winged, 0.35);
}