最も近い色名 · #9C9F5C
#9C9F5C
最も近い色名: Garden of Earthly Delights
#9C9F5C（rgb(156 159 92)、hsl(63 27% 49%)、oklch(0.685 0.089 110.8)）に最も近い色名はGarden of Earthly Delightsです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9C9F5C
oklch(0.685 0.089 110.8)
カラー変換
- HEX
- #9c9f5c
- RGB
- rgb(156 159 92)
- HSL
- hsl(63 27% 49%)
- HWB
- hwb(63 36% 38%)
- OKLCH
- oklch(0.685 0.089 110.8)
- OKLab
- oklab(0.685 -0.032 0.084)
- CIE Lab
- lab(64.08 -8.72 34.46)
- LCH
- lch(64.08 35.55 104.2)
- CMYK
- cmyk(2% 0% 42% 38%)
ティント · シェード · トーン
ティント
- A5A86D
- AFB27D
- B8BB8D
- C2C59D
- CCCEAD
- D6D8BD
- E0E2CE
- EAEBDE
- F5F5EE
シェード
- 878A4F
- 737542
- 5F6136
- 4C4D2A
- 393B1F
- 282914
- 18180A
- 090903
- 010100
トーン
- 999C61
- 969965
- 939669
- 90936D
- 8E9070
- 8B8D74
- 888A77
- 85867A
- 83837D
カラーハーモニー
補色 +180°
- 9C9F5C
Garden of Earthly Delights
- 9990CD
≈ Hermosa
類似色 -30° +30°
- 9C9F5C
Garden of Earthly Delights
- B69457
≈ Jungle Expedition
- 7BA873
≈ Garden of Eden
トライアド +120° +240°
- 9C9F5C
Garden of Earthly Delights
- 5BA4C7
≈ Surgical
- C483A1
≈ Moonlight Mauve
スプリットコンプリメンタリー +150° +210°
- 9C9F5C
Garden of Earthly Delights
- 7A9AD1
≈ Ice Blue
- B387BC
≈ African Violet
テトラード +90° +180° +270°
- 9C9F5C
Garden of Earthly Delights
- 4BAAB0
≈ Blue Turquoise
- 9990CD
≈ Hermosa
- CB8382
≈ Raspberry Ripple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.78:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.52:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--garden-of-earthly-delights: #9c9f5c;
--garden-of-earthly-delights-rgb: 156 159 92;
--garden-of-earthly-delights-oklch: oklch(0.685 0.089 110.8);
}
.element {
color: var(--garden-of-earthly-delights);
background-color: hsl(63 27% 49%);
border-color: oklch(0.685 0.089 110.8);
}Tailwind CSS v4
@theme {
--color-garden-of-earthly-delights: #9c9f5c;
--color-garden-of-earthly-delights-50: #f5f8db;
--color-garden-of-earthly-delights-100: #e8ecca;
--color-garden-of-earthly-delights-200: #d4d9ad;
--color-garden-of-earthly-delights-300: #b7bd88;
--color-garden-of-earthly-delights-400: #a1a464;
--color-garden-of-earthly-delights-500: #898c41;
--color-garden-of-earthly-delights-600: #747638;
--color-garden-of-earthly-delights-700: #5d5f2c;
--color-garden-of-earthly-delights-800: #45451e;
--color-garden-of-earthly-delights-900: #303013;
--color-garden-of-earthly-delights-950: #1c1c05;
}SCSS
$garden-of-earthly-delights: #9c9f5c;
$garden-of-earthly-delights-rgb: 156, 159, 92;
$garden-of-earthly-delights-light: mix(#fff, $garden-of-earthly-delights, 20%);
$garden-of-earthly-delights-dark: mix(#000, $garden-of-earthly-delights, 20%);
.element {
color: $garden-of-earthly-delights;
box-shadow: 0 0 0 2px rgba($garden-of-earthly-delights, 0.35);
}