色名 · #A4A582
Dark Envy
Dark Envyは#A4A582：rgb(164 165 130)、hsl(62 16% 58%)、oklch(0.712 0.049 108.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Dark Envy color name →
#A4A582
oklch(0.712 0.049 108.9)
カラー変換
- HEX
- #a4a582
- RGB
- rgb(164 165 130)
- HSL
- hsl(62 16% 58%)
- HWB
- hwb(62 51% 35%)
- OKLCH
- oklch(0.712 0.049 108.9)
- OKLab
- oklab(0.712 -0.016 0.046)
- CIE Lab
- lab(66.97 -4.82 18.11)
- LCH
- lch(66.97 18.74 104.9)
- CMYK
- cmyk(1% 0% 21% 35%)
ティント · シェード · トーン
ティント
- ADAE8E
- B6B79A
- BEBFA6
- C7C8B3
- D0D1BF
- DADACC
- E3E3D8
- ECEDE5
- F6F6F2
シェード
- 8E8F70
- 79795F
- 64654E
- 50513E
- 3D3D2F
- 2B2B20
- 1A1A12
- 0A0A06
- 010101
トーン
- A0A182
- 9D9E82
- 999A82
- 959682
- 929282
- 8E8F81
- 8B8B81
- 878781
- 838480
カラーハーモニー
補色 +180°
- A4A582
Dark Envy
- A09EBF
≈ Grape Gatsby
類似色 -30° +30°
- A4A582
Dark Envy
- B39F80
≈ Dried Edamame
- 93AA8D
≈ Natural Harmony
トライアド +120° +240°
- A4A582
Dark Envy
- 83A9BB
≈ Winter Twilight
- BA96A7
≈ Violet Fantasy
スプリットコンプリメンタリー +150° +210°
- A4A582
Dark Envy
- 90A3C1
≈ Wild Clary
- B099B6
≈ Purple Springs
テトラード +90° +180° +270°
- A4A582
Dark Envy
- 7EACAD
≈ Solution
- A09EBF
≈ Grape Gatsby
- BF9696
≈ Mutabilis
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.53:1 · APCA Lc 50
Ag
AAA黒の上
WCAG 8.28:1 · APCA Lc 52
最適な文字色: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
コードスニペット
CSS
:root {
--dark-envy: #a4a582;
--dark-envy-rgb: 164 165 130;
--dark-envy-oklch: oklch(0.712 0.049 108.9);
}
.element {
color: var(--dark-envy);
background-color: hsl(62 16% 58%);
border-color: oklch(0.712 0.049 108.9);
}Tailwind CSS v4
@theme {
--color-dark-envy: #a4a582;
--color-dark-envy-50: #f5f7e7;
--color-dark-envy-100: #e8ead7;
--color-dark-envy-200: #d5d7bf;
--color-dark-envy-300: #b8ba9e;
--color-dark-envy-400: #a0a180;
--color-dark-envy-500: #888964;
--color-dark-envy-600: #737455;
--color-dark-envy-700: #5c5d43;
--color-dark-envy-800: #444430;
--color-dark-envy-900: #2f2f21;
--color-dark-envy-950: #1c1b10;
}SCSS
$dark-envy: #a4a582;
$dark-envy-rgb: 164, 165, 130;
$dark-envy-light: mix(#fff, $dark-envy, 20%);
$dark-envy-dark: mix(#000, $dark-envy, 20%);
.element {
color: $dark-envy;
box-shadow: 0 0 0 2px rgba($dark-envy, 0.35);
}