色名 · #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);
}