色名 · #E8BD45
Midas Touch
Midas Touchは#E8BD45：rgb(232 189 69)、hsl(44 78% 59%)、oklch(0.816 0.142 88.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Midas Touch color name →
#E8BD45
oklch(0.816 0.142 88.7)
カラー変換
- HEX
- #e8bd45
- RGB
- rgb(232 189 69)
- HSL
- hsl(44 78% 59%)
- HWB
- hwb(44 27% 9%)
- OKLCH
- oklch(0.816 0.142 88.7)
- OKLab
- oklab(0.816 0.003 0.142)
- CIE Lab
- lab(78.92 7.1 63.66)
- LCH
- lch(78.92 64.06 83.6)
- CMYK
- cmyk(0% 19% 70% 9%)
ティント · シェード · トーン
ティント
- EAC45E
- EDCB73
- EFD287
- F1D899
- F4DFAB
- F6E5BC
- F8ECCD
- FBF2DE
- FDF9EE
シェード
- CAA43B
- AC8C31
- 907427
- 745D1E
- 594715
- 40330C
- 291F05
- 130D02
- 030200
トーン
- DDB750
- D2B159
- C8AB61
- BDA567
- B39F6D
- A89972
- 9E9376
- 948D7A
- 8A867D
カラーハーモニー
補色 +180°
- E8BD45
Midas Touch
- AAC1FF
≈ Pastel Blue
類似色 -30° +30°
- E8BD45
Midas Touch
- FFAE6C
≈ Apricot
- B9CF5D
≈ Hidden Meadow
トライアド +120° +240°
- E8BD45
Midas Touch
- 00DBF3
≈ Tamarama
- F5A0F0
≈ VIC 20 Pink
スプリットコンプリメンタリー +150° +210°
- E8BD45
Midas Touch
- 7FCCFF
≈ Chromis Damsel Blue
- CCB3FF
≈ Teasel Dipsacus
テトラード +90° +180° +270°
- E8BD45
Midas Touch
- 2CE0C4
≈ Celestial Green
- AAC1FF
≈ Pastel Blue
- FFA3C1
≈ Taffy Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.78:1 · APCA Lc 33
Ag
AAA黒の上
WCAG 11.79:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--midas-touch: #e8bd45;
--midas-touch-rgb: 232 189 69;
--midas-touch-oklch: oklch(0.816 0.142 88.7);
}
.element {
color: var(--midas-touch);
background-color: hsl(44 78% 59%);
border-color: oklch(0.816 0.142 88.7);
}Tailwind CSS v4
@theme {
--color-midas-touch: #e8bd45;
--color-midas-touch-50: #fff4c7;
--color-midas-touch-100: #fae7b2;
--color-midas-touch-200: #ebd28d;
--color-midas-touch-300: #d3b45c;
--color-midas-touch-400: #c0991f;
--color-midas-touch-500: #ac7e00;
--color-midas-touch-600: #916b00;
--color-midas-touch-700: #755600;
--color-midas-touch-800: #583e00;
--color-midas-touch-900: #3d2a00;
--color-midas-touch-950: #271800;
}SCSS
$midas-touch: #e8bd45;
$midas-touch-rgb: 232, 189, 69;
$midas-touch-light: mix(#fff, $midas-touch, 20%);
$midas-touch-dark: mix(#000, $midas-touch, 20%);
.element {
color: $midas-touch;
box-shadow: 0 0 0 2px rgba($midas-touch, 0.35);
}