이름 색상 · #80E45F

Amazon Parrot

Amazon Parrot은(는) #80E45F: rgb(128 228 95), hsl(105 71% 63%), oklch(0.83 0.195 138.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Green mean? → · Amazon Parrot color name →

#80E45F

oklch(0.83 0.195 138.7)

색상 변환

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%)

틴트 · 셰이드 · 톤

틴트

8EE772
9CEA84
A9ED95
B6F0A5
C3F3B4
CFF6C4
DBF8D3
E7FBE1
F3FDF0

셰이드

6EC652
5DA944
4D8D38
3D722C
2E5820
1F3F15
12280A
061203
010300

톤

82DA65
83D06B
83C66F
84BC73
84B276
84A879
839E7B
82947D
818A7F

색 조화

보색 +180°

80E45F
Amazon Parrot
ECAAFF
≈ Pink Sugar

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 1.59:1 · APCA Lc 27

Fail

검은색 위

WCAG 13.18:1 · APCA Lc 76

AAA

가장 좋은 글자색: #000000

WCAG 13.18:1 (AAA) · APCA Lc 76

Contrast pairs

코드 스니펫

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);
}

비슷한 이름 색상

도구에서 열기

피커 조합 대비 검사기 Studio JSON API