最も近い色名 · #9F9F3C
#9F9F3C
最も近い色名: Lazy Lizard
#9F9F3C（rgb(159 159 60)、hsl(60 45% 43%)、oklch(0.683 0.121 109.2)）に最も近い色名はLazy Lizardです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9F9F3C
oklch(0.683 0.121 109.2)
カラー変換
- HEX
- #9f9f3c
- RGB
- rgb(159 159 60)
- HSL
- hsl(60 45% 43%)
- HWB
- hwb(60 24% 38%)
- OKLCH
- oklch(0.683 0.121 109.2)
- OKLab
- oklab(0.683 -0.04 0.114)
- CIE Lab
- lab(64.03 -9.52 49.79)
- LCH
- lch(64.03 50.7 100.8)
- CMYK
- cmyk(0% 0% 62% 38%)
ティント · シェード · トーン
ティント
- A8A953
- B1B268
- BABC7C
- C4C58F
- CDCFA2
- D7D8B4
- E1E2C7
- EBECD9
- F5F5EC
シェード
- 8A8A33
- 75752A
- 616121
- 4D4D19
- 3B3B11
- 29290A
- 181804
- 090901
- 010100
トーン
- 9C9C46
- 98994F
- 959657
- 92935E
- 8F9065
- 8C8D6B
- 898A71
- 868776
- 83837B
カラーハーモニー
補色 +180°
- 9F9F3C
Lazy Lizard
- 978CDF
≈ Perrywinkle
類似色 -30° +30°
- 9F9F3C
Lazy Lizard
- C19034
≈ Arnica
- 71AB61
≈ Ferntastic
トライアド +120° +240°
- 9F9F3C
Lazy Lizard
- 30A7D5
≈ Modal
- D079A5
≈ Heartbreaker
スプリットコンプリメンタリー +150° +210°
- 9F9F3C
Lazy Lizard
- 6B9AE3
≈ Little Boy Blue
- B980C8
≈ Lavender Sweater
テトラード +90° +180° +270°
- 9F9F3C
Lazy Lizard
- 00AEB4
≈ Larkspur Blue
- 978CDF
≈ Perrywinkle
- DA797B
≈ Juicy Details
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.49:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--lazy-lizard: #9f9f3c;
--lazy-lizard-rgb: 159 159 60;
--lazy-lizard-oklch: oklch(0.683 0.121 109.2);
}
.element {
color: var(--lazy-lizard);
background-color: hsl(60 45% 43%);
border-color: oklch(0.683 0.121 109.2);
}Tailwind CSS v4
@theme {
--color-lazy-lizard: #9f9f3c;
--color-lazy-lizard-50: #f6f9d2;
--color-lazy-lizard-100: #e9ecbe;
--color-lazy-lizard-200: #d6da9e;
--color-lazy-lizard-300: #b9be73;
--color-lazy-lizard-400: #a4a448;
--color-lazy-lizard-500: #8d8c07;
--color-lazy-lizard-600: #77760f;
--color-lazy-lizard-700: #5f5f0d;
--color-lazy-lizard-800: #474505;
--color-lazy-lizard-900: #313004;
--color-lazy-lizard-950: #1d1c00;
}SCSS
$lazy-lizard: #9f9f3c;
$lazy-lizard-rgb: 159, 159, 60;
$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);
}