Nazwany kolor · #90ABA8
Oceanus
Oceanus to #90ABA8: rgb(144 171 168), hsl(173 14% 62%), oklch(0.72 0.03 188.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Oceanus color name →
#90ABA8
oklch(0.72 0.03 188.3)
Konwersje koloru
- HEX
- #90aba8
- RGB
- rgb(144 171 168)
- HSL
- hsl(173 14% 62%)
- HWB
- hwb(173 56% 33%)
- OKLCH
- oklch(0.72 0.03 188.3)
- OKLab
- oklab(0.72 -0.03 -0.004)
- CIE Lab
- lab(67.85 -10.12 -1.74)
- LCH
- lch(67.85 10.27 189.7)
- CMYK
- cmyk(16% 0% 2% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9BB3B0
- A6BBB9
- B1C4C1
- BBCCCA
- C7D4D3
- D2DDDB
- DDE5E4
- E8EEED
- F4F6F6
Odcienie ciemniejsze
- 7D9492
- 6A7E7C
- 576867
- 455452
- 34403F
- 242D2C
- 151B1A
- 070B0A
- 010101
Tony
- 8FA7A4
- 8DA2A0
- 8B9E9C
- 8A9A98
- 889594
- 879190
- 858D8C
- 838888
- 828484
Harmonie kolorów
Komplementarna +180°
- 90ABA8
Oceanus
- B69DA1
≈ Roaring Twenties
Analogowa -30° +30°
- 90ABA8
Oceanus
- 96AB9E
≈ Melville
- 90AAB1
≈ Meditative
Triada +120° +240°
- 90ABA8
Oceanus
- AAA0B3
≈ Grapeade
- B2A191
≈ Tony Taupe
Komplementarna rozszczepiona +150° +210°
- 90ABA8
Oceanus
- B29EAB
≈ Symbolic
- B69F97
≈ Big Horn Mountains
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.44:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.57:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.57:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--oceanus: #90aba8;
--oceanus-rgb: 144 171 168;
--oceanus-oklch: oklch(0.72 0.03 188.3);
}
.element {
color: var(--oceanus);
background-color: hsl(173 14% 62%);
border-color: oklch(0.72 0.03 188.3);
}Tailwind CSS v4
@theme {
--color-oceanus: #90aba8;
--color-oceanus-50: #ecf8f7;
--color-oceanus-100: #ddebea;
--color-oceanus-200: #c6d9d7;
--color-oceanus-300: #a7bdbb;
--color-oceanus-400: #8ba5a2;
--color-oceanus-500: #708d8a;
--color-oceanus-600: #5f7775;
--color-oceanus-700: #4c5f5d;
--color-oceanus-800: #374644;
--color-oceanus-900: #25302f;
--color-oceanus-950: #141d1b;
}SCSS
$oceanus: #90aba8;
$oceanus-rgb: 144, 171, 168;
$oceanus-light: mix(#fff, $oceanus, 20%);
$oceanus-dark: mix(#000, $oceanus, 20%);
.element {
color: $oceanus;
box-shadow: 0 0 0 2px rgba($oceanus, 0.35);
}