가장 가까운 이름 색상 · #99AA92
#99AA92
가장 가까운 이름 색상: Rooftop Garden
#99AA92(rgb(153 170 146), hsl(103 12% 62%), oklch(0.718 0.039 136.5))와 가장 가까운 이름 색상은 Rooftop Garden입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#99AA92
oklch(0.718 0.039 136.5)
색상 변환
- HEX
- #99aa92
- RGB
- rgb(153 170 146)
- HSL
- hsl(103 12% 62%)
- HWB
- hwb(103 57% 33%)
- OKLCH
- oklch(0.718 0.039 136.5)
- OKLab
- oklab(0.718 -0.028 0.027)
- CIE Lab
- lab(67.76 -9.59 10.31)
- LCH
- lch(67.76 14.08 132.9)
- CMYK
- cmyk(10% 0% 14% 33%)
틴트 · 셰이드 · 톤
틴트
- A3B29C
- ADBBA7
- B7C3B2
- C1CBBC
- CBD4C7
- D5DCD2
- DFE5DD
- EAEEE8
- F4F6F4
셰이드
- 84937E
- 707D6B
- 5D6858
- 4A5346
- 383F35
- 272D25
- 171B16
- 080B08
- 010101
톤
- 96A690
- 94A18E
- 919D8D
- 8F998B
- 8C9589
- 8A9187
- 878C85
- 858884
- 828482
색 조화
보색 +180°
- 99AA92
Rooftop Garden
- AE9DB5
≈ Pastel Purple
유사색 -30° +30°
- 99AA92
Rooftop Garden
- A6A68A
≈ Frosty Cedar
- 8EAC9F
≈ Rare Happening
삼각 배색 +120° +240°
- 99AA92
Rooftop Garden
- 95A5BD
≈ Blue Blouse
- BB9B9B
≈ Desert Lights
분열 보색 +150° +210°
- 99AA92
Rooftop Garden
- A1A1BC
≈ Blue Buzz
- B79BA9
≈ Play Time
사각 배색 +90° +180° +270°
- 99AA92
Rooftop Garden
- 8BA9B7
≈ Pewter Blue
- AE9DB5
≈ Pastel Purple
- BA9D90
≈ Big Horn Mountains
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.46:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.51:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.51:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--rooftop-garden: #99aa92;
--rooftop-garden-rgb: 153 170 146;
--rooftop-garden-oklch: oklch(0.718 0.039 136.5);
}
.element {
color: var(--rooftop-garden);
background-color: hsl(103 12% 62%);
border-color: oklch(0.718 0.039 136.5);
}Tailwind CSS v4
@theme {
--color-rooftop-garden: #99aa92;
--color-rooftop-garden-50: #f0f8ed;
--color-rooftop-garden-100: #e2ebdf;
--color-rooftop-garden-200: #ccd9c9;
--color-rooftop-garden-300: #aebda9;
--color-rooftop-garden-400: #94a48d;
--color-rooftop-garden-500: #7a8d73;
--color-rooftop-garden-600: #687761;
--color-rooftop-garden-700: #535f4e;
--color-rooftop-garden-800: #3d4638;
--color-rooftop-garden-900: #2a3026;
--color-rooftop-garden-950: #171c15;
}SCSS
$rooftop-garden: #99aa92;
$rooftop-garden-rgb: 153, 170, 146;
$rooftop-garden-light: mix(#fff, $rooftop-garden, 20%);
$rooftop-garden-dark: mix(#000, $rooftop-garden, 20%);
.element {
color: $rooftop-garden;
box-shadow: 0 0 0 2px rgba($rooftop-garden, 0.35);
}