이름 색상 · #A0AC4F
Sour Apple
Sour Apple은(는) #A0AC4F: rgb(160 172 79), hsl(68 37% 49%), oklch(0.715 0.119 115.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Sour Apple color name →
#A0AC4F
oklch(0.715 0.119 115.6)
색상 변환
- HEX
- #a0ac4f
- RGB
- rgb(160 172 79)
- HSL
- hsl(68 37% 49%)
- HWB
- hwb(68 31% 33%)
- OKLCH
- oklch(0.715 0.119 115.6)
- OKLab
- oklab(0.715 -0.051 0.107)
- CIE Lab
- lab(67.92 -14.37 45.47)
- LCH
- lch(67.92 47.68 107.5)
- CMYK
- cmyk(7% 0% 54% 33%)
틴트 · 셰이드 · 톤
틴트
- A9B463
- B2BD75
- BBC587
- C5CD98
- CED6A9
- D8DEBB
- E1E6CC
- EBEEDD
- F5F7EE
셰이드
- 8B9544
- 767F38
- 61692E
- 4E5423
- 3B4019
- 292D10
- 191B07
- 090B02
- 010100
톤
- 9DA856
- 99A35D
- 969F62
- 939B68
- 8F966C
- 8C9271
- 898D75
- 868979
- 83857D
색 조화
보색 +180°
- A0AC4F
Sour Apple
- A993E5
≈ Dreamy Candy Forest
유사색 -30° +30°
- A0AC4F
Sour Apple
- C59D41
≈ Golden Field
- 70B775
≈ Green Galore
삼각 배색 +120° +240°
- A0AC4F
Sour Apple
- 4DAEE3
≈ Thalassophile
- DD82A6
≈ Sweet Chrysanthemum
분열 보색 +150° +210°
- A0AC4F
Sour Apple
- 7FA1EE
≈ Fennel Flower
- C988CB
≈ Purception
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.46:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.50:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.50:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--sour-apple: #a0ac4f;
--sour-apple-rgb: 160 172 79;
--sour-apple-oklch: oklch(0.715 0.119 115.6);
}
.element {
color: var(--sour-apple);
background-color: hsl(68 37% 49%);
border-color: oklch(0.715 0.119 115.6);
}Tailwind CSS v4
@theme {
--color-sour-apple: #a0ac4f;
--color-sour-apple-50: #f2fad4;
--color-sour-apple-100: #e4eec1;
--color-sour-apple-200: #d0dca2;
--color-sour-apple-300: #b2c079;
--color-sour-apple-400: #9ba750;
--color-sour-apple-500: #838f1e;
--color-sour-apple-600: #6f791d;
--color-sour-apple-700: #596117;
--color-sour-apple-800: #42460c;
--color-sour-apple-900: #2e3108;
--color-sour-apple-950: #1b1d00;
}SCSS
$sour-apple: #a0ac4f;
$sour-apple-rgb: 160, 172, 79;
$sour-apple-light: mix(#fff, $sour-apple, 20%);
$sour-apple-dark: mix(#000, $sour-apple, 20%);
.element {
color: $sour-apple;
box-shadow: 0 0 0 2px rgba($sour-apple, 0.35);
}