色名 · #8A8342
Galia Melon
Galia Melonは#8A8342：rgb(138 131 66)、hsl(54 35% 40%)、oklch(0.602 0.087 103.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Galia Melon color name →
#8A8342
oklch(0.602 0.087 103.1)
カラー変換
- HEX
- #8a8342
- RGB
- rgb(138 131 66)
- HSL
- hsl(54 35% 40%)
- HWB
- hwb(54 26% 46%)
- OKLCH
- oklch(0.602 0.087 103.1)
- OKLab
- oklab(0.602 -0.02 0.085)
- CIE Lab
- lab(54.3 -4.09 35.7)
- LCH
- lch(54.3 35.93 96.5)
- CMYK
- cmyk(0% 5% 52% 46%)
ティント · シェード · トーン
ティント
- 958F55
- A09B68
- ABA77B
- B7B38D
- C3C0A0
- CECCB3
- DAD9C5
- E6E5D8
- F3F2EC
シェード
- 777138
- 65602F
- 534F25
- 423F1C
- 322F14
- 22200B
- 141205
- 070601
- 010100
トーン
- 89834A
- 888351
- 878257
- 86825E
- 858264
- 84826A
- 838170
- 828175
- 81807B
カラーハーモニー
補色 +180°
- 8A8342
Galia Melon
- 797AB3
≈ Ontario Violet
類似色 -30° +30°
- 8A8342
Galia Melon
- A07842
≈ Goldenrod Tea
- 6C8C55
≈ Bright Forest
トライアド +120° +240°
- 8A8342
Galia Melon
- 3C8CA7
≈ Magic Blue
- A56B8E
≈ Flowering Raspberry
スプリットコンプリメンタリー +150° +210°
- 8A8342
Galia Melon
- 5B84B4
≈ Deepest Periwinkle
- 9371A6
≈ Ce Soir
テトラード +90° +180° +270°
- 8A8342
Galia Melon
- 32918F
≈ Fish Story
- 797AB3
≈ Ontario Violet
- AE6B72
≈ Mauvewood
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.88:1 · APCA Lc 66
Ag
AA黒の上
WCAG 5.40:1 · APCA Lc 35
最適な文字色: #000000
WCAG 5.40:1 (AA) · APCA Lc 35
Contrast pairs
コードスニペット
CSS
:root {
--galia-melon: #8a8342;
--galia-melon-rgb: 138 131 66;
--galia-melon-oklch: oklch(0.602 0.087 103.1);
}
.element {
color: var(--galia-melon);
background-color: hsl(54 35% 40%);
border-color: oklch(0.602 0.087 103.1);
}Tailwind CSS v4
@theme {
--color-galia-melon: #8a8342;
--color-galia-melon-50: #f8f7db;
--color-galia-melon-100: #eceac9;
--color-galia-melon-200: #d9d7ac;
--color-galia-melon-300: #bdba87;
--color-galia-melon-400: #a7a163;
--color-galia-melon-500: #91893f;
--color-galia-melon-600: #7a7437;
--color-galia-melon-700: #625c2b;
--color-galia-melon-800: #49431d;
--color-galia-melon-900: #322e13;
--color-galia-melon-950: #1e1b05;
}SCSS
$galia-melon: #8a8342;
$galia-melon-rgb: 138, 131, 66;
$galia-melon-light: mix(#fff, $galia-melon, 20%);
$galia-melon-dark: mix(#000, $galia-melon, 20%);
.element {
color: $galia-melon;
box-shadow: 0 0 0 2px rgba($galia-melon, 0.35);
}