最も近い色名 · #7B9600
#7B9600
最も近い色名: Green Thumb
#7B9600（rgb(123 150 0)、hsl(71 100% 29%)、oklch(0.629 0.152 121.5)）に最も近い色名はGreen Thumbです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#7B9600
oklch(0.629 0.152 121.5)
カラー変換
- HEX
- #7b9600
- RGB
- rgb(123 150 0)
- HSL
- hsl(71 100% 29%)
- HWB
- hwb(71 0% 41%)
- OKLCH
- oklch(0.629 0.152 121.5)
- OKLab
- oklab(0.629 -0.079 0.129)
- CIE Lab
- lab(58.29 -22.38 60.14)
- LCH
- lch(58.29 64.17 110.4)
- CMYK
- cmyk(18% 0% 100% 41%)
ティント · シェード · トーン
ティント
- 87A134
- 94AB4F
- A0B667
- ADC07E
- BACB94
- C8D5A9
- D5E0BF
- E3EAD4
- F1F5E9
シェード
- 6A8200
- 5A6E00
- 4A5B00
- 3A4900
- 2C3700
- 1E2600
- 101600
- 050800
- 010100
トーン
- 7B9424
- 7C9235
- 7C9043
- 7D8E4E
- 7D8C58
- 7E8A61
- 7E8769
- 7F8571
- 7F8379
カラーハーモニー
補色 +180°
- 7B9600
Green Thumb
- 9A70D5
≈ Iridescent Purple
類似色 -30° +30°
- 7B9600
Green Thumb
- A58500
≈ Golden Palm
- 28A258
≈ Full Energy
トライアド +120° +240°
- 7B9600
Green Thumb
- 0091DA
≈ Kahu Blue
- D05C83
≈ Peppermint Swirl
スプリットコンプリメンタリー +150° +210°
- 7B9600
Green Thumb
- 6980E4
≈ Soft Blue
- BC62B2
≈ Mazzy Star
テトラード +90° +180° +270°
- 7B9600
Green Thumb
- 009AAF
≈ Caneel Bay
- 9A70D5
≈ Iridescent Purple
- D5604C
≈ Flame Stitch
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.38:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.20:1 · APCA Lc 41
最適な文字色: #000000
WCAG 6.20:1 (AA) · APCA Lc 41
Contrast pairs
コードスニペット
CSS
:root {
--green-thumb: #7b9600;
--green-thumb-rgb: 123 150 0;
--green-thumb-oklch: oklch(0.629 0.152 121.5);
}
.element {
color: var(--green-thumb);
background-color: hsl(71 100% 29%);
border-color: oklch(0.629 0.152 121.5);
}Tailwind CSS v4
@theme {
--color-green-thumb: #7b9600;
--color-green-thumb-50: #ecfdcd;
--color-green-thumb-100: #ddf1b9;
--color-green-thumb-200: #c7e097;
--color-green-thumb-300: #a8c46a;
--color-green-thumb-400: #91ac37;
--color-green-thumb-500: #779400;
--color-green-thumb-600: #657d00;
--color-green-thumb-700: #506400;
--color-green-thumb-800: #3d4900;
--color-green-thumb-900: #2a3300;
--color-green-thumb-950: #171e00;
}SCSS
$green-thumb: #7b9600;
$green-thumb-rgb: 123, 150, 0;
$green-thumb-light: mix(#fff, $green-thumb, 20%);
$green-thumb-dark: mix(#000, $green-thumb, 20%);
.element {
color: $green-thumb;
box-shadow: 0 0 0 2px rgba($green-thumb, 0.35);
}