이름 색상 · #A3E493
Paradise Green
Paradise Green은(는) #A3E493: rgb(163 228 147), hsl(108 60% 74%), oklch(0.856 0.127 139.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Paradise Green color name →
#A3E493
oklch(0.856 0.127 139.5)
색상 변환
- HEX
- #a3e493
- RGB
- rgb(163 228 147)
- HSL
- hsl(108 60% 74%)
- HWB
- hwb(108 58% 11%)
- OKLCH
- oklch(0.856 0.127 139.5)
- OKLab
- oklab(0.856 -0.097 0.083)
- CIE Lab
- lab(84.76 -32.55 32.78)
- LCH
- lch(84.76 46.19 134.8)
- CMYK
- cmyk(29% 0% 36% 11%)
틴트 · 셰이드 · 톤
틴트
- ADE79E
- B6EAA9
- BFEDB4
- C9EFBF
- D2F2CA
- DBF5D5
- E4F7DF
- EDFAEA
- F6FDF4
셰이드
- 8DC67F
- 78A96C
- 638D59
- 4F7247
- 3C5836
- 2A3F25
- 192816
- 0A1208
- 010301
톤
- A0DA92
- 9DCF90
- 99C58F
- 96BB8D
- 93B18B
- 8FA789
- 8B9D87
- 889485
- 848A82
색 조화
보색 +180°
- A3E493
Paradise Green
- F1B7FF
≈ Euphoria
유사색 -30° +30°
- A3E493
Paradise Green
- D5D76F
≈ Species
- 6DEAC2
≈ Onsen
삼각 배색 +120° +240°
- A3E493
Paradise Green
- B4D1FF
≈ Ice Cold Stare
- FFBCBB
≈ Peach Scone
분열 보색 +150° +210°
- A3E493
Paradise Green
- CEC8FF
≈ Innocent Snowdrop
- FFB7D9
≈ Candy Bar
사각 배색 +90° +180° +270°
- A3E493
Paradise Green
- 90DBFF
≈ Tranquil Pool
- F1B7FF
≈ Euphoria
- FFBF9D
≈ Blushing Cinnamon
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.49:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.07:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.07:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--paradise-green: #a3e493;
--paradise-green-rgb: 163 228 147;
--paradise-green-oklch: oklch(0.856 0.127 139.5);
}
.element {
color: var(--paradise-green);
background-color: hsl(108 60% 74%);
border-color: oklch(0.856 0.127 139.5);
}Tailwind CSS v4
@theme {
--color-paradise-green: #a3e493;
--color-paradise-green-50: #e2ffdd;
--color-paradise-green-100: #d1f3cc;
--color-paradise-green-200: #b6e3b0;
--color-paradise-green-300: #92c88b;
--color-paradise-green-400: #75b167;
--color-paradise-green-500: #559a43;
--color-paradise-green-600: #49823a;
--color-paradise-green-700: #3a682e;
--color-paradise-green-800: #2b4c1e;
--color-paradise-green-900: #1d3514;
--color-paradise-green-950: #0d2005;
}SCSS
$paradise-green: #a3e493;
$paradise-green-rgb: 163, 228, 147;
$paradise-green-light: mix(#fff, $paradise-green, 20%);
$paradise-green-dark: mix(#000, $paradise-green, 20%);
.element {
color: $paradise-green;
box-shadow: 0 0 0 2px rgba($paradise-green, 0.35);
}