Màu có tên gần nhất · #8DA505
#8DA505
Màu có tên gần nhất: Noxious
#8DA505 (rgb(141 165 5), hsl(69 94% 33%), oklch(0.679 0.16 119.6)) gần nhất với màu có tên Noxious. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#8DA505
oklch(0.679 0.16 119.6)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 98AE38
- A2B754
- ADC06C
- B8CA82
- C4D398
- CFDCAD
- DBE4C1
- E7EDD6
- F3F6EA
Sắc đậm
- 7A8F04
- 677903
- 556502
- 445101
- 333D01
- 232B00
- 141A00
- 070A00
- 010100
Sắc xám
- 8CA228
- 8A9E3A
- 899B47
- 879752
- 86935B
- 859064
- 838C6B
- 828873
- 81847A
Hòa sắc
Bổ túc +180°
- 8DA505
Noxious
- A77EEB
≈ Lavender Blossom
Tương đồng -30° +30°
- 8DA505
Noxious
- BA9300
≈ Main Mast Gold
- 3DB25F
≈ Artificial Turf
Bộ ba +120° +240°
- 8DA505
Noxious
- 00A2EC
≈ Button Blue
- E46895
≈ Love Letter
Bổ túc chia +150° +210°
- 8DA505
Noxious
- 7190FA
≈ Punch Out Glove
- CD70C7
≈ Purple Kush
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.79:1 · APCA Lc 54
Ag
AAATrên nền đen
WCAG 7.51:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
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);
}