Warna bernama terdekat · #8AB794
#8AB794
Warna bernama terdekat: Neptune Green
#8AB794 (rgb(138 183 148), hsl(133 24% 63%), oklch(0.737 0.07 151.2)) paling mendekati warna bernama Neptune Green. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#8AB794
oklch(0.737 0.07 151.2)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 96BE9E
- A1C5A9
- ADCCB3
- B8D4BE
- C4DBC8
- D0E2D3
- DBE9DE
- E7F0E9
- F3F8F4
Shade
- 779F80
- 65876D
- 53705A
- 425A48
- 324536
- 223126
- 141E16
- 070C08
- 010201
Tone
- 89B192
- 89AC90
- 88A68E
- 87A18C
- 869B8A
- 859688
- 849086
- 838B84
- 818582
Harmoni warna
Komplementer +180°
- 8AB794
Neptune Green
- C49ABE
≈ Lupine
Analog -30° +30°
- 8AB794
Neptune Green
- A3B180
≈ Fresh Guacamole
- 77B9AD
≈ Cooled Blue
Triadik +120° +240°
- 8AB794
Neptune Green
- 9AA8D7
≈ Whipped Violet
- D29A8F
≈ Nectarine Spice
Split-komplementer +150° +210°
- 8AB794
Neptune Green
- B1A0CF
≈ Puturple
- D098A7
≈ Honey Pink
Tetradik +90° +180° +270°
- 8AB794
Neptune Green
- 83B0D2
≈ Boo Blue
- C49ABE
≈ Lupine
- CBA07D
≈ Kenya
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.26:1 · APCA Lc 45
Ag
AAADi atas hitam
WCAG 9.28:1 · APCA Lc 58
Warna teks terbaik: #000000
WCAG 9.28:1 (AAA) · APCA Lc 58
Contrast pairs
Cuplikan kode
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);
}