Najbliższy nazwany kolor · #8AB794
#8AB794
Najbliższy nazwany kolor: Neptune Green
#8AB794 (rgb(138 183 148), hsl(133 24% 63%), oklch(0.737 0.07 151.2)) jest najbliższy nazwanemu kolorowi Neptune Green. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8AB794
oklch(0.737 0.07 151.2)
Konwersje koloru
- HEX
- #8ab794
- RGB
- rgb(138 183 148)
- HSL
- hsl(133 24% 63%)
- HWB
- hwb(133 54% 28%)
- OKLCH
- oklch(0.737 0.07 151.2)
- OKLab
- oklab(0.737 -0.061 0.033)
- CIE Lab
- lab(70.45 -20.95 12.79)
- LCH
- lch(70.45 24.54 148.6)
- CMYK
- cmyk(25% 0% 19% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 96BE9E
- A1C5A9
- ADCCB3
- B8D4BE
- C4DBC8
- D0E2D3
- DBE9DE
- E7F0E9
- F3F8F4
Odcienie ciemniejsze
- 779F80
- 65876D
- 53705A
- 425A48
- 324536
- 223126
- 141E16
- 070C08
- 010201
Tony
- 89B192
- 89AC90
- 88A68E
- 87A18C
- 869B8A
- 859688
- 849086
- 838B84
- 818582
Harmonie kolorów
Komplementarna +180°
- 8AB794
Neptune Green
- C49ABE
≈ Lupine
Analogowa -30° +30°
- 8AB794
Neptune Green
- A3B180
≈ Fresh Guacamole
- 77B9AD
≈ Cooled Blue
Triada +120° +240°
- 8AB794
Neptune Green
- 9AA8D7
≈ Whipped Violet
- D29A8F
≈ Nectarine Spice
Komplementarna rozszczepiona +150° +210°
- 8AB794
Neptune Green
- B1A0CF
≈ Puturple
- D098A7
≈ Honey Pink
Tetrada +90° +180° +270°
- 8AB794
Neptune Green
- 83B0D2
≈ Boo Blue
- C49ABE
≈ Lupine
- CBA07D
≈ Kenya
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.26:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.28:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.28:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--neptune-green: #8ab794;
--neptune-green-rgb: 138 183 148;
--neptune-green-oklch: oklch(0.737 0.07 151.2);
}
.element {
color: var(--neptune-green);
background-color: hsl(133 24% 63%);
border-color: oklch(0.737 0.07 151.2);
}Tailwind CSS v4
@theme {
--color-neptune-green: #8ab794;
--color-neptune-green-50: #e7fbec;
--color-neptune-green-100: #d7efdd;
--color-neptune-green-200: #bfddc7;
--color-neptune-green-300: #9dc2a7;
--color-neptune-green-400: #80ab8a;
--color-neptune-green-500: #63946f;
--color-neptune-green-600: #547d5e;
--color-neptune-green-700: #43644b;
--color-neptune-green-800: #314935;
--color-neptune-green-900: #213324;
--color-neptune-green-950: #101e13;
}SCSS
$neptune-green: #8ab794;
$neptune-green-rgb: 138, 183, 148;
$neptune-green-light: mix(#fff, $neptune-green, 20%);
$neptune-green-dark: mix(#000, $neptune-green, 20%);
.element {
color: $neptune-green;
box-shadow: 0 0 0 2px rgba($neptune-green, 0.35);
}