Nazwany kolor · #99BB33
Machu Picchu Gardens
Machu Picchu Gardens to #99BB33: rgb(153 187 51), hsl(75 57% 47%), oklch(0.742 0.162 122.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Machu Picchu Gardens color name →
#99BB33
oklch(0.742 0.162 122.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3C250
- ACC967
- B6D07C
- C0D78F
- CADEA3
- D5E5B5
- DFEBC8
- EAF2DA
- F4F8ED
Odcienie ciemniejsze
- 84A22B
- 708A23
- 5D731C
- 4A5C14
- 38460D
- 273207
- 171F03
- 080D01
- 010200
Tony
- 96B542
- 94AF4D
- 91AA56
- 8FA45E
- 8C9E65
- 8A986C
- 879271
- 858C77
- 82867C
Harmonie kolorów
Komplementarna +180°
- 99BB33
Machu Picchu Gardens
- C08FFF
≈ Liliac
Analogowa -30° +30°
- 99BB33
Machu Picchu Gardens
- CDA800
≈ Catkin Yellow
- 45C878
≈ Emerald Rush
Triada +120° +240°
- 99BB33
Machu Picchu Gardens
- 49B4FF
≈ Tiān Lán Sky
- FC7BA2
≈ Pink Makeup
Komplementarna rozszczepiona +150° +210°
- 99BB33
Machu Picchu Gardens
- 90A5FF
≈ Widowmaker
- E681D7
≈ Blushed Bombshell
Tetrada +90° +180° +270°
- 99BB33
Machu Picchu Gardens
- 00C0DC
≈ Caribbean Blue
- C08FFF
≈ Liliac
- FF8168
≈ Sunset Papaya
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.20:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.51:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.51:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
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);
}