色名 · #E4AA76
Golden Patina
Golden Patinaは#E4AA76：rgb(228 170 118)、hsl(28 67% 68%)、oklch(0.781 0.096 62.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Golden Patina color name →
#E4AA76
oklch(0.781 0.096 62.6)
カラー変換
- HEX
- #e4aa76
- RGB
- rgb(228 170 118)
- HSL
- hsl(28 67% 68%)
- HWB
- hwb(28 46% 11%)
- OKLCH
- oklch(0.781 0.096 62.6)
- OKLab
- oklab(0.781 0.044 0.085)
- CIE Lab
- lab(74.3 17.49 35.48)
- LCH
- lch(74.3 39.55 63.8)
- CMYK
- cmyk(0% 25% 48% 11%)
ティント · シェード · トーン
ティント
- E7B384
- EABB92
- EDC4A0
- F0CCAD
- F3D5BB
- F5DDC8
- F8E6D6
- FAEEE4
- FDF7F1
シェード
- C69366
- A97D56
- 8D6847
- 725338
- 583F29
- 3F2D1C
- 281B0F
- 120B05
- 030101
トーン
- DAA678
- D0A279
- C69E7B
- BC9A7C
- B2957D
- A8917E
- 9E8D7F
- 94897F
- 8A8480
カラーハーモニー
補色 +180°
- E4AA76
Golden Patina
- 7FBFF0
≈ Electric Eel
類似色 -30° +30°
- E4AA76
Golden Patina
- EFA190
≈ Blush
- CDB66D
≈ Trumpet
トライアド +120° +240°
- E4AA76
Golden Patina
- 69CCBD
≈ Kinetic Teal
- C3A9EB
≈ Tropical Violet
スプリットコンプリメンタリー +150° +210°
- E4AA76
Golden Patina
- 66C8DC
≈ Squeaky
- A2B4F6
≈ Wondrous Wisteria
テトラード +90° +180° +270°
- E4AA76
Golden Patina
- 87CA9A
≈ Good Luck Charm
- 7FBFF0
≈ Electric Eel
- DDA1D3
≈ Exotic Violet
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.03:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.31:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.31:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--golden-patina: #e4aa76;
--golden-patina-rgb: 228 170 118;
--golden-patina-oklch: oklch(0.781 0.096 62.6);
}
.element {
color: var(--golden-patina);
background-color: hsl(28 67% 68%);
border-color: oklch(0.781 0.096 62.6);
}Tailwind CSS v4
@theme {
--color-golden-patina: #e4aa76;
--color-golden-patina-50: #fff0d9;
--color-golden-patina-100: #ffe2c7;
--color-golden-patina-200: #f2ccaa;
--color-golden-patina-300: #daae83;
--color-golden-patina-400: #c79261;
--color-golden-patina-500: #b3773d;
--color-golden-patina-600: #976535;
--color-golden-patina-700: #79502a;
--color-golden-patina-800: #5a3a1d;
--color-golden-patina-900: #3f2813;
--color-golden-patina-950: #281605;
}SCSS
$golden-patina: #e4aa76;
$golden-patina-rgb: 228, 170, 118;
$golden-patina-light: mix(#fff, $golden-patina, 20%);
$golden-patina-dark: mix(#000, $golden-patina, 20%);
.element {
color: $golden-patina;
box-shadow: 0 0 0 2px rgba($golden-patina, 0.35);
}