最も近い色名 · #9BA043
#9BA043
最も近い色名: Lazy Lizard
#9BA043（rgb(155 160 67)、hsl(63 41% 45%)、oklch(0.683 0.117 112)）に最も近い色名はLazy Lizardです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9BA043
oklch(0.683 0.117 112)
カラー変換
- HEX
- #9ba043
- RGB
- rgb(155 160 67)
- HSL
- hsl(63 41% 45%)
- HWB
- hwb(63 26% 37%)
- OKLCH
- oklch(0.683 0.117 112)
- OKLab
- oklab(0.683 -0.044 0.108)
- CIE Lab
- lab(64.03 -11.36 46.57)
- LCH
- lch(64.03 47.93 103.7)
- CMYK
- cmyk(3% 0% 58% 37%)
ティント · シェード · トーン
ティント
- A4A958
- AEB36C
- B8BC7F
- C1C691
- CBCFA4
- D5D9B6
- E0E2C8
- EAECDA
- F4F5ED
シェード
- 868B39
- 72762F
- 5E6126
- 4B4E1D
- 393B14
- 28290C
- 181905
- 090901
- 010100
トーン
- 989D4C
- 959A54
- 92975B
- 909461
- 8D9067
- 8A8D6D
- 888A72
- 858777
- 83837C
カラーハーモニー
補色 +180°
- 9BA043
Lazy Lizard
- 9B8BDB
≈ Perrywinkle
類似色 -30° +30°
- 9BA043
Lazy Lizard
- BD9139
≈ Wheat Beer
- 6EAB67
≈ Ferntastic
トライアド +120° +240°
- 9BA043
Lazy Lizard
- 3DA5D4
≈ Blue Tango
- D07AA1
≈ Heartbreaker
スプリットコンプリメンタリー +150° +210°
- 9BA043
Lazy Lizard
- 7198E1
≈ Little Boy Blue
- BB80C4
≈ Lavender Sweater
テトラード +90° +180° +270°
- 9BA043
Lazy Lizard
- 00AEB8
≈ Placid Sea
- 9B8BDB
≈ Perrywinkle
- D87A78
≈ Hearts Afire
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.50:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--lazy-lizard: #9ba043;
--lazy-lizard-rgb: 155 160 67;
--lazy-lizard-oklch: oklch(0.683 0.117 112);
}
.element {
color: var(--lazy-lizard);
background-color: hsl(63 41% 45%);
border-color: oklch(0.683 0.117 112);
}Tailwind CSS v4
@theme {
--color-lazy-lizard: #9ba043;
--color-lazy-lizard-50: #f4fad4;
--color-lazy-lizard-100: #e7edc1;
--color-lazy-lizard-200: #d3daa1;
--color-lazy-lizard-300: #b6be78;
--color-lazy-lizard-400: #a0a54f;
--color-lazy-lizard-500: #898d1b;
--color-lazy-lizard-600: #74771b;
--color-lazy-lizard-700: #5c6016;
--color-lazy-lizard-800: #45450b;
--color-lazy-lizard-900: #303007;
--color-lazy-lizard-950: #1c1c00;
}SCSS
$lazy-lizard: #9ba043;
$lazy-lizard-rgb: 155, 160, 67;
$lazy-lizard-light: mix(#fff, $lazy-lizard, 20%);
$lazy-lizard-dark: mix(#000, $lazy-lizard, 20%);
.element {
color: $lazy-lizard;
box-shadow: 0 0 0 2px rgba($lazy-lizard, 0.35);
}