이름 색상 · #99BB33
Machu Picchu Gardens
Machu Picchu Gardens은(는) #99BB33: rgb(153 187 51), hsl(75 57% 47%), oklch(0.742 0.162 122.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Machu Picchu Gardens color name →
#99BB33
oklch(0.742 0.162 122.8)
색상 변환
- HEX
- #99bb33
- RGB
- rgb(153 187 51)
- HSL
- hsl(75 57% 47%)
- HWB
- hwb(75 20% 27%)
- OKLCH
- oklch(0.742 0.162 122.8)
- OKLab
- oklab(0.742 -0.088 0.136)
- CIE Lab
- lab(71.5 -25.63 60.41)
- LCH
- lch(71.5 65.62 113)
- CMYK
- cmyk(18% 0% 73% 27%)
틴트 · 셰이드 · 톤
틴트
- A3C250
- ACC967
- B6D07C
- C0D78F
- CADEA3
- D5E5B5
- DFEBC8
- EAF2DA
- F4F8ED
셰이드
- 84A22B
- 708A23
- 5D731C
- 4A5C14
- 38460D
- 273207
- 171F03
- 080D01
- 010200
톤
- 96B542
- 94AF4D
- 91AA56
- 8FA45E
- 8C9E65
- 8A986C
- 879271
- 858C77
- 82867C
색 조화
보색 +180°
- 99BB33
Machu Picchu Gardens
- C08FFF
≈ Liliac
유사색 -30° +30°
- 99BB33
Machu Picchu Gardens
- CDA800
≈ Catkin Yellow
- 45C878
≈ Emerald Rush
삼각 배색 +120° +240°
- 99BB33
Machu Picchu Gardens
- 49B4FF
≈ Tiān Lán Sky
- FC7BA2
≈ Pink Makeup
분열 보색 +150° +210°
- 99BB33
Machu Picchu Gardens
- 90A5FF
≈ Widowmaker
- E681D7
≈ Blushed Bombshell
사각 배색 +90° +180° +270°
- 99BB33
Machu Picchu Gardens
- 00C0DC
≈ Caribbean Blue
- C08FFF
≈ Liliac
- FF8168
≈ Sunset Papaya
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.20:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.51:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.51:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--machu-picchu-gardens: #99bb33;
--machu-picchu-gardens-rgb: 153 187 51;
--machu-picchu-gardens-oklch: oklch(0.742 0.162 122.8);
}
.element {
color: var(--machu-picchu-gardens);
background-color: hsl(75 57% 47%);
border-color: oklch(0.742 0.162 122.8);
}Tailwind CSS v4
@theme {
--color-machu-picchu-gardens: #99bb33;
--color-machu-picchu-gardens-50: #ebfecb;
--color-machu-picchu-gardens-100: #dcf2b7;
--color-machu-picchu-gardens-200: #c5e193;
--color-machu-picchu-gardens-300: #a5c665;
--color-machu-picchu-gardens-400: #8dad2d;
--color-machu-picchu-gardens-500: #739500;
--color-machu-picchu-gardens-600: #627e00;
--color-machu-picchu-gardens-700: #4e6500;
--color-machu-picchu-gardens-800: #3b4a00;
--color-machu-picchu-gardens-900: #283300;
--color-machu-picchu-gardens-950: #161f00;
}SCSS
$machu-picchu-gardens: #99bb33;
$machu-picchu-gardens-rgb: 153, 187, 51;
$machu-picchu-gardens-light: mix(#fff, $machu-picchu-gardens, 20%);
$machu-picchu-gardens-dark: mix(#000, $machu-picchu-gardens, 20%);
.element {
color: $machu-picchu-gardens;
box-shadow: 0 0 0 2px rgba($machu-picchu-gardens, 0.35);
}