色名 · #EEAA55
Polished Gold
Polished Goldは#EEAA55：rgb(238 170 85)、hsl(33 82% 63%)、oklch(0.787 0.129 70)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Polished Gold color name →
#EEAA55
oklch(0.787 0.129 70)
カラー変換
- HEX
- #eeaa55
- RGB
- rgb(238 170 85)
- HSL
- hsl(33 82% 63%)
- HWB
- hwb(33 33% 7%)
- OKLCH
- oklch(0.787 0.129 70)
- OKLab
- oklab(0.787 0.044 0.121)
- CIE Lab
- lab(75.07 19.75 53.08)
- LCH
- lch(75.07 56.64 69.6)
- CMYK
- cmyk(0% 29% 64% 7%)
ティント · シェード · トーン
ティント
- F0B369
- F2BC7B
- F4C48D
- F6CD9E
- F8D5AE
- FADEBE
- FBE6CF
- FDEEDF
- FEF7EF
シェード
- CF9349
- B17D3D
- 936831
- 775326
- 5C3F1C
- 422D11
- 2A1B08
- 140B02
- 030100
トーン
- E3A65C
- D8A262
- CD9E68
- C29A6C
- B79671
- AC9274
- A18D78
- 96897B
- 8B857E
カラーハーモニー
補色 +180°
- EEAA55
Polished Gold
- 80BFFF
≈ Scenic Water
類似色 -30° +30°
- EEAA55
Polished Gold
- FF9C79
≈ Creamy Orange Blush
- CDBB50
≈ Limón Fresco
トライアド +120° +240°
- EEAA55
Polished Gold
- 2BD3CC
≈ Turquoise Panic
- D3A2F7
≈ Lilac
スプリットコンプリメンタリー +150° +210°
- EEAA55
Polished Gold
- 3CCCF2
≈ Picnic Day Sky
- ACB2FF
≈ Winterspring Lilac
テトラード +90° +180° +270°
- EEAA55
Polished Gold
- 65D39D
≈ Van Gogh Green
- 80BFFF
≈ Scenic Water
- F098D3
≈ Pearly Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.99:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.51:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.51:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--polished-gold: #eeaa55;
--polished-gold-rgb: 238 170 85;
--polished-gold-oklch: oklch(0.787 0.129 70);
}
.element {
color: var(--polished-gold);
background-color: hsl(33 82% 63%);
border-color: oklch(0.787 0.129 70);
}Tailwind CSS v4
@theme {
--color-polished-gold: #eeaa55;
--color-polished-gold-50: #fff0ce;
--color-polished-gold-100: #ffe2b9;
--color-polished-gold-200: #f7cc97;
--color-polished-gold-300: #e0ad6b;
--color-polished-gold-400: #cf903f;
--color-polished-gold-500: #bb7400;
--color-polished-gold-600: #9e6200;
--color-polished-gold-700: #7f4f00;
--color-polished-gold-800: #5f3800;
--color-polished-gold-900: #432701;
--color-polished-gold-950: #2b1400;
}SCSS
$polished-gold: #eeaa55;
$polished-gold-rgb: 238, 170, 85;
$polished-gold-light: mix(#fff, $polished-gold, 20%);
$polished-gold-dark: mix(#000, $polished-gold, 20%);
.element {
color: $polished-gold;
box-shadow: 0 0 0 2px rgba($polished-gold, 0.35);
}