Nazwany kolor · #88AA11
UFO Defense Green
UFO Defense Green to #88AA11: rgb(136 170 17), hsl(73 82% 37%), oklch(0.688 0.165 123). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · UFO Defense Green color name →
#88AA11
oklch(0.688 0.165 123)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 93B33C
- 9EBB57
- AAC46F
- B6CD84
- C1D599
- CDDEAE
- DAE6C2
- E6EED6
- F2F7EB
Odcienie ciemniejsze
- 75930D
- 637D09
- 526806
- 415304
- 313F02
- 222D01
- 131B00
- 060B00
- 010100
Tony
- 87A62D
- 86A23D
- 859E49
- 859A54
- 84965D
- 839265
- 828D6C
- 818973
- 81857A
Harmonie kolorów
Komplementarna +180°
- 88AA11
UFO Defense Green
- B07EED
≈ Lavender Blossom
Analogowa -30° +30°
- 88AA11
UFO Defense Green
- B99700
≈ Hidden Tribe
- 28B767
≈ Cool Green
Triada +120° +240°
- 88AA11
UFO Defense Green
- 08A3F7
≈ Rockman Blue
- EA6991
≈ Shadow Azalea Pink
Komplementarna rozszczepiona +150° +210°
- 88AA11
UFO Defense Green
- 7A90FF
≈ Lavender Blue Shadow
- D56FC6
≈ French Mauve
Tetrada +90° +180° +270°
- 88AA11
UFO Defense Green
- 00ADC7
≈ Havasupai Falls
- B07EED
≈ Lavender Blossom
- EF6E54
≈ Royal Blush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.69:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.80:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
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);
}