이름 색상 · #8A9480
Aloe Tip
Aloe Tip은(는) #8A9480: rgb(138 148 128), hsl(90 9% 54%), oklch(0.653 0.031 129). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Aloe Tip color name →
#8A9480
oklch(0.653 0.031 129)
색상 변환
- HEX
- #8a9480
- RGB
- rgb(138 148 128)
- HSL
- hsl(90 9% 54%)
- HWB
- hwb(90 50% 42%)
- OKLCH
- oklch(0.653 0.031 129)
- OKLab
- oklab(0.653 -0.02 0.024)
- CIE Lab
- lab(60.06 -6.6 9.33)
- LCH
- lch(60.06 11.43 125.3)
- CMYK
- cmyk(7% 0% 14% 42%)
틴트 · 셰이드 · 톤
틴트
- 959E8C
- A0A998
- ACB3A5
- B7BEB1
- C3C8BE
- CFD3CA
- DBDED7
- E7E9E4
- F3F4F2
셰이드
- 77806E
- 656D5D
- 535A4D
- 42483D
- 32362E
- 22261F
- 141612
- 070806
- 010101
톤
- 899280
- 889080
- 878E80
- 868C80
- 858A80
- 848880
- 838680
- 828480
- 818280
색 조화
보색 +180°
- 8A9480
Aloe Tip
- 958B9F
≈ Eccentricity
유사색 -30° +30°
- 8A9480
Aloe Tip
- 94917B
≈ Paseo Verde
- 809689
≈ Azores
삼각 배색 +120° +240°
- 8A9480
Aloe Tip
- 8292A3
≈ Dusty Blue
- A2888C
≈ Tin Pink
분열 보색 +150° +210°
- 8A9480
Aloe Tip
- 8B8EA3
≈ Dusty Heather
- 9E8996
≈ Piano Mauve
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.16:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.62:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--aloe-tip: #8a9480;
--aloe-tip-rgb: 138 148 128;
--aloe-tip-oklch: oklch(0.653 0.031 129);
}
.element {
color: var(--aloe-tip);
background-color: hsl(90 9% 54%);
border-color: oklch(0.653 0.031 129);
}Tailwind CSS v4
@theme {
--color-aloe-tip: #8a9480;
--color-aloe-tip-50: #f2f7ee;
--color-aloe-tip-100: #e4eadf;
--color-aloe-tip-200: #d0d7c9;
--color-aloe-tip-300: #b2bbab;
--color-aloe-tip-400: #99a28f;
--color-aloe-tip-500: #808b75;
--color-aloe-tip-600: #6c7563;
--color-aloe-tip-700: #565e4f;
--color-aloe-tip-800: #3f4539;
--color-aloe-tip-900: #2c2f27;
--color-aloe-tip-950: #191c15;
}SCSS
$aloe-tip: #8a9480;
$aloe-tip-rgb: 138, 148, 128;
$aloe-tip-light: mix(#fff, $aloe-tip, 20%);
$aloe-tip-dark: mix(#000, $aloe-tip, 20%);
.element {
color: $aloe-tip;
box-shadow: 0 0 0 2px rgba($aloe-tip, 0.35);
}