Màu có tên · #80E45F
Amazon Parrot
Amazon Parrot là #80E45F: rgb(128 228 95), hsl(105 71% 63%), oklch(0.83 0.195 138.7). 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.
What does Green mean? → · Amazon Parrot color name →
#80E45F
oklch(0.83 0.195 138.7)
Chuyển đổi màu
- HEX
- #80e45f
- RGB
- rgb(128 228 95)
- HSL
- hsl(105 71% 63%)
- HWB
- hwb(105 37% 11%)
- OKLCH
- oklch(0.83 0.195 138.7)
- OKLab
- oklab(0.83 -0.146 0.129)
- CIE Lab
- lab(82.44 -48.54 53.95)
- LCH
- lch(82.44 72.58 132)
- CMYK
- cmyk(44% 0% 58% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8EE772
- 9CEA84
- A9ED95
- B6F0A5
- C3F3B4
- CFF6C4
- DBF8D3
- E7FBE1
- F3FDF0
Sắc đậm
- 6EC652
- 5DA944
- 4D8D38
- 3D722C
- 2E5820
- 1F3F15
- 12280A
- 061203
- 010300
Sắc xám
- 82DA65
- 83D06B
- 83C66F
- 84BC73
- 84B276
- 84A879
- 839E7B
- 82947D
- 818A7F
Hòa sắc
Bổ túc +180°
- 80E45F
Amazon Parrot
- ECAAFF
≈ Pink Sugar
Tương đồng -30° +30°
- 80E45F
Amazon Parrot
- D2CF00
≈ March Green
- 00E9B4
≈ Overchlorinated Pool
Bộ ba +120° +240°
- 80E45F
Amazon Parrot
- A6C9FF
≈ Night Snow
- FFAEAF
≈ Fancy Flamingo
Bổ túc chia +150° +210°
- 80E45F
Amazon Parrot
- C4BEFF
≈ Lavender Tonic
- FFA8D3
≈ Corinthian Pink
Bộ bốn +90° +180° +270°
- 80E45F
Amazon Parrot
- 75D5FF
≈ Sky
- ECAAFF
≈ Pink Sugar
- FFB38B
≈ Coral Dusk
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.59:1 · APCA Lc 27
Ag
AAATrên nền đen
WCAG 13.18:1 · APCA Lc 76
Màu chữ tốt nhất: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--amazon-parrot: #80e45f;
--amazon-parrot-rgb: 128 228 95;
--amazon-parrot-oklch: oklch(0.83 0.195 138.7);
}
.element {
color: var(--amazon-parrot);
background-color: hsl(105 71% 63%);
border-color: oklch(0.83 0.195 138.7);
}Tailwind CSS v4
@theme {
--color-amazon-parrot: #80e45f;
--color-amazon-parrot-50: #d8ffcf;
--color-amazon-parrot-100: #c5f9bb;
--color-amazon-parrot-200: #a6e99a;
--color-amazon-parrot-300: #7ccf6d;
--color-amazon-parrot-400: #5bb839;
--color-amazon-parrot-500: #2da100;
--color-amazon-parrot-600: #288900;
--color-amazon-parrot-700: #206d00;
--color-amazon-parrot-800: #1b5000;
--color-amazon-parrot-900: #123800;
--color-amazon-parrot-950: #042200;
}SCSS
$amazon-parrot: #80e45f;
$amazon-parrot-rgb: 128, 228, 95;
$amazon-parrot-light: mix(#fff, $amazon-parrot, 20%);
$amazon-parrot-dark: mix(#000, $amazon-parrot, 20%);
.element {
color: $amazon-parrot;
box-shadow: 0 0 0 2px rgba($amazon-parrot, 0.35);
}