이름 색상 · #E6D682
Gold Winged
Gold Winged은(는) #E6D682: rgb(230 214 130), hsl(50 67% 71%), oklch(0.871 0.106 98.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Gold Winged color name →
#E6D682
oklch(0.871 0.106 98.8)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E8DA90
- EBDE9D
- EDE3AA
- F0E7B6
- F2EBC3
- F5EFCF
- F7F3DB
- FAF7E7
- FCFBF3
셰이드
- C8BA70
- AB9E5F
- 8E844E
- 736A3E
- 59522F
- 403B20
- 282512
- 131006
- 030201
톤
- DBCD83
- D1C484
- C6BC84
- BCB384
- B2AA84
- A7A284
- 9D9983
- 939182
- 8A8881
색 조화
보색 +180°
- E6D682
Gold Winged
- CBD1FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- E6D682
Gold Winged
- FFC98E
≈ Tangerine Silk
- BFE397
≈ Oxalis
삼각 배색 +120° +240°
- E6D682
Gold Winged
- 88E4FF
≈ Tranquil Pool
- FFBDEA
≈ Pink Quartz
분열 보색 +150° +210°
- E6D682
Gold Winged
- B3D9FF
≈ Droplet
- E4C6FF
≈ Wisteria Powder
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.46:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.30:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.30:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
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);
}