이름 색상 · #A4BE8D
Gaia Stone
Gaia Stone은(는) #A4BE8D: rgb(164 190 141), hsl(92 27% 65%), oklch(0.769 0.073 130.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Gaia Stone color name →
#A4BE8D
oklch(0.769 0.073 130.7)
색상 변환
- HEX
- #a4be8d
- RGB
- rgb(164 190 141)
- HSL
- hsl(92 27% 65%)
- HWB
- hwb(92 55% 25%)
- OKLCH
- oklch(0.769 0.073 130.7)
- OKLab
- oklab(0.769 -0.048 0.056)
- CIE Lab
- lab(74.05 -15.79 21.77)
- LCH
- lch(74.05 26.9 126)
- CMYK
- cmyk(14% 0% 26% 25%)
틴트 · 셰이드 · 톤
틴트
- ADC498
- B6CBA3
- BFD1AF
- C8D8BA
- D1DEC5
- DAE5D1
- E3EBDC
- ECF2E8
- F6F8F3
셰이드
- 8EA57A
- 798C67
- 647555
- 505E44
- 3D4833
- 2B3323
- 1A1F14
- 0A0D07
- 010201
톤
- A0B88C
- 9DB18B
- 99AB8A
- 96A588
- 929F87
- 8E9886
- 8B9284
- 878C83
- 848682
색 조화
보색 +180°
- A4BE8D
Gaia Stone
- C3A7D7
≈ Perfume
유사색 -30° +30°
- A4BE8D
Gaia Stone
- BEB67F
≈ Cool Avocado
- 8AC3A5
≈ Lark Green
삼각 배색 +120° +240°
- A4BE8D
Gaia Stone
- 91B8E2
≈ Adrift on the Nile
- DEA1A9
≈ Nana’s Rose
분열 보색 +150° +210°
- A4BE8D
Gaia Stone
- ABAFE2
≈ Maximum Blue Purple
- D5A2C2
≈ Pastel Lavender
사각 배색 +90° +180° +270°
- A4BE8D
Gaia Stone
- 7EBFD5
≈ Ocean Horizon
- C3A7D7
≈ Perfume
- DDA590
≈ Shy Champagne Blush
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.03:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.32:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.32:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--gaia-stone: #a4be8d;
--gaia-stone-rgb: 164 190 141;
--gaia-stone-oklch: oklch(0.769 0.073 130.7);
}
.element {
color: var(--gaia-stone);
background-color: hsl(92 27% 65%);
border-color: oklch(0.769 0.073 130.7);
}Tailwind CSS v4
@theme {
--color-gaia-stone: #a4be8d;
--color-gaia-stone-50: #edfae5;
--color-gaia-stone-100: #dfeed5;
--color-gaia-stone-200: #c8dbbc;
--color-gaia-stone-300: #a9c09a;
--color-gaia-stone-400: #90a87a;
--color-gaia-stone-500: #75905c;
--color-gaia-stone-600: #637a4f;
--color-gaia-stone-700: #4f623f;
--color-gaia-stone-800: #3b472c;
--color-gaia-stone-900: #28311d;
--color-gaia-stone-950: #161d0d;
}SCSS
$gaia-stone: #a4be8d;
$gaia-stone-rgb: 164, 190, 141;
$gaia-stone-light: mix(#fff, $gaia-stone, 20%);
$gaia-stone-dark: mix(#000, $gaia-stone, 20%);
.element {
color: $gaia-stone;
box-shadow: 0 0 0 2px rgba($gaia-stone, 0.35);
}