이름 색상 · #DCBC8E
Cupola Yellow
Cupola Yellow은(는) #DCBC8E: rgb(220 188 142), hsl(35 53% 71%), oklch(0.812 0.071 76.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cupola Yellow color name →
#DCBC8E
oklch(0.812 0.071 76.5)
색상 변환
- HEX
- #dcbc8e
- RGB
- rgb(220 188 142)
- HSL
- hsl(35 53% 71%)
- HWB
- hwb(35 56% 14%)
- OKLCH
- oklch(0.812 0.071 76.5)
- OKLab
- oklab(0.812 0.017 0.069)
- CIE Lab
- lab(78.24 7.07 27.8)
- LCH
- lch(78.24 28.68 75.7)
- CMYK
- cmyk(0% 15% 35% 14%)
틴트 · 셰이드 · 톤
틴트
- E0C399
- E3C9A5
- E7D0B0
- EAD7BB
- EEDDC6
- F1E4D2
- F5EBDD
- F8F2E8
- FCF8F4
셰이드
- BFA37B
- A38B68
- 887356
- 6E5D44
- 544734
- 3C3224
- 261F15
- 110D07
- 020201
톤
- D2B68D
- C9B08C
- C0AA8B
- B6A489
- AD9E88
- A49887
- 9B9285
- 928C83
- 898682
색 조화
보색 +180°
- DCBC8E
Cupola Yellow
- A4C4F0
≈ Sky High
유사색 -30° +30°
- DCBC8E
Cupola Yellow
- E9B49B
≈ Wax Flower
- C7C590
≈ Yerba Mate
삼각 배색 +120° +240°
- DCBC8E
Cupola Yellow
- 89D0D1
≈ Fling Green
- D4B4E1
≈ Pretty Petunia
분열 보색 +150° +210°
- DCBC8E
Cupola Yellow
- 90CCE5
≈ Thresher Shark
- BDBBEE
≈ Vodka
사각 배색 +90° +180° +270°
- DCBC8E
Cupola Yellow
- 95D1B7
≈ Larimar Green
- A4C4F0
≈ Sky High
- E5B0CB
≈ Roses in the Snow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.80:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.62:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.62:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--cupola-yellow: #dcbc8e;
--cupola-yellow-rgb: 220 188 142;
--cupola-yellow-oklch: oklch(0.812 0.071 76.5);
}
.element {
color: var(--cupola-yellow);
background-color: hsl(35 53% 71%);
border-color: oklch(0.812 0.071 76.5);
}Tailwind CSS v4
@theme {
--color-cupola-yellow: #dcbc8e;
--color-cupola-yellow-50: #fff3df;
--color-cupola-yellow-100: #f5e6ce;
--color-cupola-yellow-200: #e5d1b3;
--color-cupola-yellow-300: #cbb48f;
--color-cupola-yellow-400: #b7996f;
--color-cupola-yellow-500: #a1804f;
--color-cupola-yellow-600: #886c43;
--color-cupola-yellow-700: #6d5735;
--color-cupola-yellow-800: #513f26;
--color-cupola-yellow-900: #382b19;
--color-cupola-yellow-950: #23180a;
}SCSS
$cupola-yellow: #dcbc8e;
$cupola-yellow-rgb: 220, 188, 142;
$cupola-yellow-light: mix(#fff, $cupola-yellow, 20%);
$cupola-yellow-dark: mix(#000, $cupola-yellow, 20%);
.element {
color: $cupola-yellow;
box-shadow: 0 0 0 2px rgba($cupola-yellow, 0.35);
}