Najbliższy nazwany kolor · #73AA86
#73AA86
Najbliższy nazwany kolor: Green Goddess
#73AA86 (rgb(115 170 134), hsl(141 24% 56%), oklch(0.689 0.079 155.1)) jest najbliższy nazwanemu kolorowi Green Goddess. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#73AA86
oklch(0.689 0.079 155.1)
Konwersje koloru
- HEX
- #73aa86
- RGB
- rgb(115 170 134)
- HSL
- hsl(141 24% 56%)
- HWB
- hwb(141 45% 33%)
- OKLCH
- oklch(0.689 0.079 155.1)
- OKLab
- oklab(0.689 -0.071 0.033)
- CIE Lab
- lab(65.02 -24.7 12.62)
- LCH
- lch(65.02 27.74 152.9)
- CMYK
- cmyk(32% 0% 21% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 81B292
- 8FBB9D
- 9DC3A9
- ABCCB5
- B9D4C1
- C7DDCD
- D5E5DA
- E3EEE6
- F1F6F2
Odcienie ciemniejsze
- 639374
- 547D62
- 456851
- 365340
- 283F30
- 1B2D21
- 0F1B13
- 050B06
- 010101
Tony
- 75A685
- 77A285
- 789D84
- 7A9984
- 7B9583
- 7C9183
- 7D8D82
- 7E8881
- 7F8481
Harmonie kolorów
Komplementarna +180°
- 73AA86
Green Goddess
- BA89AF
≈ Purple Lepidolite
Analogowa -30° +30°
- 73AA86
Green Goddess
- 90A46E
≈ Luscious Lime
- 5EABA2
≈ Dragon Bay
Triada +120° +240°
- 73AA86
Green Goddess
- 8D98CC
≈ Easter Egg
- C78A7A
≈ Yum Raw Spam
Komplementarna rozszczepiona +150° +210°
- 73AA86
Green Goddess
- A68FC3
≈ Lilac Breeze
- C68794
≈ King’s Cloak
Tetrada +90° +180° +270°
- 73AA86
Green Goddess
- 71A1C9
≈ Cottage Blue
- BA89AF
≈ Purple Lepidolite
- BD9167
≈ Burnished Caramel
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.68:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.82:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.82:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-goddess: #73aa86;
--green-goddess-rgb: 115 170 134;
--green-goddess-oklch: oklch(0.689 0.079 155.1);
}
.element {
color: var(--green-goddess);
background-color: hsl(141 24% 56%);
border-color: oklch(0.689 0.079 155.1);
}Tailwind CSS v4
@theme {
--color-green-goddess: #73aa86;
--color-green-goddess-50: #e4fcec;
--color-green-goddess-100: #d3f0de;
--color-green-goddess-200: #badfc7;
--color-green-goddess-300: #97c4a8;
--color-green-goddess-400: #79ad8a;
--color-green-goddess-500: #59966f;
--color-green-goddess-600: #4c7f5e;
--color-green-goddess-700: #3d654b;
--color-green-goddess-800: #2c4a35;
--color-green-goddess-900: #1e3424;
--color-green-goddess-950: #0d1f13;
}SCSS
$green-goddess: #73aa86;
$green-goddess-rgb: 115, 170, 134;
$green-goddess-light: mix(#fff, $green-goddess, 20%);
$green-goddess-dark: mix(#000, $green-goddess, 20%);
.element {
color: $green-goddess;
box-shadow: 0 0 0 2px rgba($green-goddess, 0.35);
}