Nazwany kolor · #9BA0A4
Aegean Splendour
Aegean Splendour to #9BA0A4: rgb(155 160 164), hsl(207 5% 63%), oklch(0.703 0.008 241.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Aegean Splendour color name →
#9BA0A4
oklch(0.703 0.008 241.7)
Konwersje koloru
- HEX
- #9ba0a4
- RGB
- rgb(155 160 164)
- HSL
- hsl(207 5% 63%)
- HWB
- hwb(207 61% 36%)
- OKLCH
- oklch(0.703 0.008 241.7)
- OKLab
- oklab(0.703 -0.004 -0.007)
- CIE Lab
- lab(65.55 -1.26 -2.74)
- LCH
- lch(65.55 3.02 245.3)
- CMYK
- cmyk(5% 2% 0% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A5A9AD
- AEB2B6
- B8BCBF
- C2C5C8
- CCCED1
- D6D8DA
- E0E2E3
- EAEBEC
- F5F5F6
Odcienie ciemniejsze
- 868B8E
- 727679
- 5E6164
- 4B4E50
- 393B3D
- 28292B
- 18191A
- 09090A
- 010101
Tony
- 989DA0
- 969A9D
- 939699
- 909395
- 8D9092
- 8B8D8E
- 88898B
- 858687
- 838384
Harmonie kolorów
Komplementarna +180°
- 9BA0A4
Aegean Splendour
- A39E9A
≈ Stone Age
Analogowa -30° +30°
- 9BA0A4
Aegean Splendour
- 9AA1A2
≈ Grey River Rock
- 9D9FA5
≈ Grey Wolf
Triada +120° +240°
- 9BA0A4
Aegean Splendour
- A49D9F
≈ Boiling Mud
- 9EA09B
≈ Stamped Concrete
Komplementarna rozszczepiona +150° +210°
- 9BA0A4
Aegean Splendour
- A49E9C
≈ Equilibrium
- A19F9A
≈ Stone Age
Tetrada +90° +180° +270°
- 9BA0A4
Aegean Splendour
- A29DA2
≈ Silver Sconce
- A39E9A
≈ Stone Age
- 9CA19D
≈ Belgian Block
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.63:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.95:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.95:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--aegean-splendour: #9ba0a4;
--aegean-splendour-rgb: 155 160 164;
--aegean-splendour-oklch: oklch(0.703 0.008 241.7);
}
.element {
color: var(--aegean-splendour);
background-color: hsl(207 5% 63%);
border-color: oklch(0.703 0.008 241.7);
}Tailwind CSS v4
@theme {
--color-aegean-splendour: #9ba0a4;
--color-aegean-splendour-50: #f3f5f7;
--color-aegean-splendour-100: #e6e8ea;
--color-aegean-splendour-200: #d1d5d7;
--color-aegean-splendour-300: #b4b8bb;
--color-aegean-splendour-400: #9a9fa3;
--color-aegean-splendour-500: #82878b;
--color-aegean-splendour-600: #6e7276;
--color-aegean-splendour-700: #585b5e;
--color-aegean-splendour-800: #404345;
--color-aegean-splendour-900: #2c2e30;
--color-aegean-splendour-950: #191b1c;
}SCSS
$aegean-splendour: #9ba0a4;
$aegean-splendour-rgb: 155, 160, 164;
$aegean-splendour-light: mix(#fff, $aegean-splendour, 20%);
$aegean-splendour-dark: mix(#000, $aegean-splendour, 20%);
.element {
color: $aegean-splendour;
box-shadow: 0 0 0 2px rgba($aegean-splendour, 0.35);
}