Cor nomeada · #88AA11
UFO Defense Green
UFO Defense Green é #88AA11: rgb(136 170 17), hsl(73 82% 37%), oklch(0.688 0.165 123). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · UFO Defense Green color name →
#88AA11
oklch(0.688 0.165 123)
Conversões de cor
- HEX
- #88aa11
- RGB
- rgb(136 170 17)
- HSL
- hsl(73 82% 37%)
- HWB
- hwb(73 7% 33%)
- OKLCH
- oklch(0.688 0.165 123)
- OKLab
- oklab(0.688 -0.09 0.138)
- CIE Lab
- lab(65.22 -25.85 63.38)
- LCH
- lch(65.22 68.45 112.2)
- CMYK
- cmyk(20% 0% 90% 33%)
Tons claros · Sombras · Tons
Tons claros
- 93B33C
- 9EBB57
- AAC46F
- B6CD84
- C1D599
- CDDEAE
- DAE6C2
- E6EED6
- F2F7EB
Sombras
- 75930D
- 637D09
- 526806
- 415304
- 313F02
- 222D01
- 131B00
- 060B00
- 010100
Tons
- 87A62D
- 86A23D
- 859E49
- 859A54
- 84965D
- 839265
- 828D6C
- 818973
- 81857A
Harmonias de cor
Complementar +180°
- 88AA11
UFO Defense Green
- B07EED
≈ Lavender Blossom
Análoga -30° +30°
- 88AA11
UFO Defense Green
- B99700
≈ Hidden Tribe
- 28B767
≈ Cool Green
Tríade +120° +240°
- 88AA11
UFO Defense Green
- 08A3F7
≈ Rockman Blue
- EA6991
≈ Shadow Azalea Pink
Complementar dividida +150° +210°
- 88AA11
UFO Defense Green
- 7A90FF
≈ Lavender Blue Shadow
- D56FC6
≈ French Mauve
Tétrade +90° +180° +270°
- 88AA11
UFO Defense Green
- 00ADC7
≈ Havasupai Falls
- B07EED
≈ Lavender Blossom
- EF6E54
≈ Royal Blush
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.69:1 · APCA Lc 52
Ag
AAASobre preto
WCAG 7.80:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--ufo-defense-green: #88aa11;
--ufo-defense-green-rgb: 136 170 17;
--ufo-defense-green-oklch: oklch(0.688 0.165 123);
}
.element {
color: var(--ufo-defense-green);
background-color: hsl(73 82% 37%);
border-color: oklch(0.688 0.165 123);
}Tailwind CSS v4
@theme {
--color-ufo-defense-green: #88aa11;
--color-ufo-defense-green-50: #eafecb;
--color-ufo-defense-green-100: #dbf2b6;
--color-ufo-defense-green-200: #c4e192;
--color-ufo-defense-green-300: #a4c663;
--color-ufo-defense-green-400: #8cad2a;
--color-ufo-defense-green-500: #729600;
--color-ufo-defense-green-600: #617f00;
--color-ufo-defense-green-700: #4d6500;
--color-ufo-defense-green-800: #3a4a00;
--color-ufo-defense-green-900: #283300;
--color-ufo-defense-green-950: #161f00;
}SCSS
$ufo-defense-green: #88aa11;
$ufo-defense-green-rgb: 136, 170, 17;
$ufo-defense-green-light: mix(#fff, $ufo-defense-green, 20%);
$ufo-defense-green-dark: mix(#000, $ufo-defense-green, 20%);
.element {
color: $ufo-defense-green;
box-shadow: 0 0 0 2px rgba($ufo-defense-green, 0.35);
}