Nazwany kolor · #78AC01
Plus Ultra
Plus Ultra to #78AC01: rgb(120 172 1), hsl(78 99% 34%), oklch(0.682 0.178 128.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Plus Ultra color name →
#78AC01
oklch(0.682 0.178 128.1)
Konwersje koloru
- HEX
- #78ac01
- RGB
- rgb(120 172 1)
- HSL
- hsl(78 99% 34%)
- HWB
- hwb(78 0% 33%)
- OKLCH
- oklch(0.682 0.178 128.1)
- OKLab
- oklab(0.682 -0.11 0.14)
- CIE Lab
- lab(64.77 -33.26 64.62)
- LCH
- lch(64.77 72.68 117.2)
- CMYK
- cmyk(30% 0% 99% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 85B538
- 92BD54
- 9FC66C
- ACCE82
- BAD698
- C7DFAD
- D5E7C1
- E3EFD6
- F1F7EA
Odcienie ciemniejsze
- 679501
- 577F01
- 486900
- 395400
- 2A4000
- 1D2D00
- 101B00
- 050B00
- 010100
Tony
- 79A827
- 7AA439
- 7BA047
- 7C9B52
- 7D975B
- 7D9364
- 7E8E6B
- 7F8973
- 7F857A
Harmonie kolorów
Komplementarna +180°
- 78AC01
Plus Ultra
- B875EC
≈ Illicit Purple
Analogowa -30° +30°
- 78AC01
Plus Ultra
- B09900
≈ Sunken Gold
- 00B572
≈ Green Teal
Triada +120° +240°
- 78AC01
Plus Ultra
- 1A9EFF
≈ Blue Nebula
- F06083
≈ Watermelon Juice
Komplementarna rozszczepiona +150° +210°
- 78AC01
Plus Ultra
- 838AFF
≈ Lavender Blue Shadow
- DC67BE
≈ Pink Charge
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.72:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.70:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.70:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--plus-ultra: #78ac01;
--plus-ultra-rgb: 120 172 1;
--plus-ultra-oklch: oklch(0.682 0.178 128.1);
}
.element {
color: var(--plus-ultra);
background-color: hsl(78 99% 34%);
border-color: oklch(0.682 0.178 128.1);
}Tailwind CSS v4
@theme {
--color-plus-ultra: #78ac01;
--color-plus-ultra-50: #e4ffcb;
--color-plus-ultra-100: #d4f5b6;
--color-plus-ultra-200: #bbe492;
--color-plus-ultra-300: #99c963;
--color-plus-ultra-400: #7fb126;
--color-plus-ultra-500: #629a00;
--color-plus-ultra-600: #548200;
--color-plus-ultra-700: #436800;
--color-plus-ultra-800: #334c00;
--color-plus-ultra-900: #233500;
--color-plus-ultra-950: #122000;
}SCSS
$plus-ultra: #78ac01;
$plus-ultra-rgb: 120, 172, 1;
$plus-ultra-light: mix(#fff, $plus-ultra, 20%);
$plus-ultra-dark: mix(#000, $plus-ultra, 20%);
.element {
color: $plus-ultra;
box-shadow: 0 0 0 2px rgba($plus-ultra, 0.35);
}