最も近い色名 · #8DA505
#8DA505
最も近い色名: Noxious
#8DA505（rgb(141 165 5)、hsl(69 94% 33%)、oklch(0.679 0.16 119.6)）に最も近い色名はNoxiousです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#8DA505
oklch(0.679 0.16 119.6)
カラー変換
- HEX
- #8da505
- RGB
- rgb(141 165 5)
- HSL
- hsl(69 94% 33%)
- HWB
- hwb(69 2% 35%)
- OKLCH
- oklch(0.679 0.16 119.6)
- OKLab
- oklab(0.679 -0.079 0.139)
- CIE Lab
- lab(64.09 -21.66 64.36)
- LCH
- lch(64.09 67.91 108.6)
- CMYK
- cmyk(15% 0% 97% 35%)
ティント · シェード · トーン
ティント
- 98AE38
- A2B754
- ADC06C
- B8CA82
- C4D398
- CFDCAD
- DBE4C1
- E7EDD6
- F3F6EA
シェード
- 7A8F04
- 677903
- 556502
- 445101
- 333D01
- 232B00
- 141A00
- 070A00
- 010100
トーン
- 8CA228
- 8A9E3A
- 899B47
- 879752
- 86935B
- 859064
- 838C6B
- 828873
- 81847A
カラーハーモニー
補色 +180°
- 8DA505
Noxious
- A77EEB
≈ Lavender Blossom
類似色 -30° +30°
- 8DA505
Noxious
- BA9300
≈ Main Mast Gold
- 3DB25F
≈ Artificial Turf
トライアド +120° +240°
- 8DA505
Noxious
- 00A2EC
≈ Button Blue
- E46895
≈ Love Letter
スプリットコンプリメンタリー +150° +210°
- 8DA505
Noxious
- 7190FA
≈ Punch Out Glove
- CD70C7
≈ Purple Kush
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.51:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--noxious: #8da505;
--noxious-rgb: 141 165 5;
--noxious-oklch: oklch(0.679 0.16 119.6);
}
.element {
color: var(--noxious);
background-color: hsl(69 94% 33%);
border-color: oklch(0.679 0.16 119.6);
}Tailwind CSS v4
@theme {
--color-noxious: #8da505;
--color-noxious-50: #edfdca;
--color-noxious-100: #dff1b5;
--color-noxious-200: #c9df92;
--color-noxious-300: #aac463;
--color-noxious-400: #94ab28;
--color-noxious-500: #7b9300;
--color-noxious-600: #687d00;
--color-noxious-700: #536400;
--color-noxious-800: #3f4900;
--color-noxious-900: #2b3200;
--color-noxious-950: #191e00;
}SCSS
$noxious: #8da505;
$noxious-rgb: 141, 165, 5;
$noxious-light: mix(#fff, $noxious, 20%);
$noxious-dark: mix(#000, $noxious, 20%);
.element {
color: $noxious;
box-shadow: 0 0 0 2px rgba($noxious, 0.35);
}