이름 색상 · #A9BA9D
Laurel Green
Laurel Green은(는) #A9BA9D: rgb(169 186 157), hsl(95 17% 67%), oklch(0.768 0.045 132.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Laurel Green color name →
#A9BA9D
oklch(0.768 0.045 132.3)
색상 변환
- HEX
- #a9ba9d
- RGB
- rgb(169 186 157)
- HSL
- hsl(95 17% 67%)
- HWB
- hwb(95 62% 27%)
- OKLCH
- oklch(0.768 0.045 132.3)
- OKLab
- oklab(0.768 -0.03 0.033)
- CIE Lab
- lab(73.59 -10.08 12.69)
- LCH
- lch(73.59 16.21 128.5)
- CMYK
- cmyk(9% 0% 16% 27%)
틴트 · 셰이드 · 톤
틴트
- B1C1A7
- BAC8B0
- C2CEBA
- CBD5C3
- D3DCCD
- DCE3D7
- E5EAE1
- EDF1EB
- F6F8F5
셰이드
- 92A188
- 7C8973
- 67725F
- 535C4C
- 3F463A
- 2C3228
- 1B1E18
- 0A0D09
- 010201
톤
- A5B49A
- A1AE97
- 9DA894
- 98A291
- 949D8F
- 90978C
- 8C9189
- 888B86
- 848683
색 조화
보색 +180°
- A9BA9D
Laurel Green
- BDACC8
≈ Fancy Pansy
유사색 -30° +30°
- A9BA9D
Laurel Green
- B9B595
≈ Disguise
- 9BBDAB
≈ White Spruce
삼각 배색 +120° +240°
- A9BA9D
Laurel Green
- A0B6D0
≈ Blue Satin
- CEA8AC
≈ Baby Jane
분열 보색 +150° +210°
- A9BA9D
Laurel Green
- AFB1D0
≈ Pixie Violet
- C9A9BB
≈ Fragrant Lilac
사각 배색 +90° +180° +270°
- A9BA9D
Laurel Green
- 95BAC8
≈ Sydney Harbour
- BDACC8
≈ Fancy Pansy
- CDAB9E
≈ Art Deco Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.05:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.19:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.19:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--laurel-green: #a9ba9d;
--laurel-green-rgb: 169 186 157;
--laurel-green-oklch: oklch(0.768 0.045 132.3);
}
.element {
color: var(--laurel-green);
background-color: hsl(95 17% 67%);
border-color: oklch(0.768 0.045 132.3);
}Tailwind CSS v4
@theme {
--color-laurel-green: #a9ba9d;
--color-laurel-green-50: #f0f8eb;
--color-laurel-green-100: #e2ebdd;
--color-laurel-green-200: #ccd9c6;
--color-laurel-green-300: #aebda6;
--color-laurel-green-400: #95a489;
--color-laurel-green-500: #7b8d6e;
--color-laurel-green-600: #68775e;
--color-laurel-green-700: #535f4b;
--color-laurel-green-800: #3d4635;
--color-laurel-green-900: #2a3024;
--color-laurel-green-950: #181c13;
}SCSS
$laurel-green: #a9ba9d;
$laurel-green-rgb: 169, 186, 157;
$laurel-green-light: mix(#fff, $laurel-green, 20%);
$laurel-green-dark: mix(#000, $laurel-green, 20%);
.element {
color: $laurel-green;
box-shadow: 0 0 0 2px rgba($laurel-green, 0.35);
}