色名 · #EAEAAE
Medium Goldenrod
Medium Goldenrodは#EAEAAE：rgb(234 234 174)、hsl(60 59% 80%)、oklch(0.923 0.077 107.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Medium Goldenrod color name →
#EAEAAE
oklch(0.923 0.077 107.8)
カラー変換
- HEX
- #eaeaae
- RGB
- rgb(234 234 174)
- HSL
- hsl(60 59% 80%)
- HWB
- hwb(60 68% 8%)
- OKLCH
- oklch(0.923 0.077 107.8)
- OKLab
- oklab(0.923 -0.024 0.074)
- CIE Lab
- lab(91.62 -6.89 29.28)
- LCH
- lch(91.62 30.08 103.2)
- CMYK
- cmyk(0% 0% 26% 8%)
ティント · シェード · トーン
ティント
- ECECB6
- EEEEBF
- F0F1C7
- F2F3CF
- F4F5D7
- F6F7DF
- F9F9E7
- FBFBEF
- FDFDF7
シェード
- CBCB97
- AEAE80
- 91916A
- 757555
- 5A5A41
- 41412E
- 29291C
- 13130B
- 030301
トーン
- DFDFAA
- D4D4A5
- C9C9A1
- BEBE9C
- B3B498
- A9A993
- 9E9F8E
- 94948A
- 8A8A85
カラーハーモニー
補色 +180°
- EAEAAE
Medium Goldenrod
- E3E2FF
≈ Stoic White
類似色 -30° +30°
- EAEAAE
Medium Goldenrod
- FFE1B3
≈ Peach of Mind
- CDF2C0
≈ Maroccan Tea
トライアド +120° +240°
- EAEAAE
Medium Goldenrod
- C5EDFF
≈ Blue Java Banana
- FFD9EB
≈ Mimi Pink
スプリットコンプリメンタリー +150° +210°
- EAEAAE
Medium Goldenrod
- D6E7FF
≈ Veiling Waterfalls
- F6DAFF
≈ Lavender Savour
テトラード +90° +180° +270°
- EAEAAE
Medium Goldenrod
- A7F6F8
≈ Waterspout
- E3E2FF
≈ Stoic White
- FFDCDC
≈ Rose Tonic
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.24:1 · APCA Lc 12
Ag
AAA黒の上
WCAG 16.87:1 · APCA Lc 92
最適な文字色: #000000
WCAG 16.87:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--medium-goldenrod: #eaeaae;
--medium-goldenrod-rgb: 234 234 174;
--medium-goldenrod-oklch: oklch(0.923 0.077 107.8);
}
.element {
color: var(--medium-goldenrod);
background-color: hsl(60 59% 80%);
border-color: oklch(0.923 0.077 107.8);
}Tailwind CSS v4
@theme {
--color-medium-goldenrod: #eaeaae;
--color-medium-goldenrod-50: #f6f8de;
--color-medium-goldenrod-100: #e9ebcd;
--color-medium-goldenrod-200: #d6d8b2;
--color-medium-goldenrod-300: #b9bb8e;
--color-medium-goldenrod-400: #a3a26c;
--color-medium-goldenrod-500: #8b8a4b;
--color-medium-goldenrod-600: #767540;
--color-medium-goldenrod-700: #5e5d33;
--color-medium-goldenrod-800: #464423;
--color-medium-goldenrod-900: #302f17;
--color-medium-goldenrod-950: #1d1b08;
}SCSS
$medium-goldenrod: #eaeaae;
$medium-goldenrod-rgb: 234, 234, 174;
$medium-goldenrod-light: mix(#fff, $medium-goldenrod, 20%);
$medium-goldenrod-dark: mix(#000, $medium-goldenrod, 20%);
.element {
color: $medium-goldenrod;
box-shadow: 0 0 0 2px rgba($medium-goldenrod, 0.35);
}