Nazwany kolor · #7A9291
Castaway Cove
Castaway Cove to #7A9291: rgb(122 146 145), hsl(178 10% 53%), oklch(0.641 0.027 193.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Castaway Cove color name →
#7A9291
oklch(0.641 0.027 193.4)
Konwersje koloru
- HEX
- #7a9291
- RGB
- rgb(122 146 145)
- HSL
- hsl(178 10% 53%)
- HWB
- hwb(178 48% 43%)
- OKLCH
- oklch(0.641 0.027 193.4)
- OKLab
- oklab(0.641 -0.027 -0.006)
- CIE Lab
- lab(58.65 -8.98 -2.47)
- LCH
- lch(58.65 9.31 195.4)
- CMYK
- cmyk(16% 0% 1% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 879C9B
- 93A7A6
- A0B2B1
- AEBCBC
- BBC7C7
- C8D2D2
- D6DDDD
- E3E8E8
- F1F4F4
Odcienie ciemniejsze
- 697E7D
- 596B6A
- 495858
- 3A4646
- 2B3535
- 1D2525
- 101615
- 050807
- 010101
Tony
- 7B908F
- 7B8E8E
- 7C8D8C
- 7D8B8A
- 7D8988
- 7E8787
- 7F8585
- 7F8483
- 808282
Harmonie kolorów
Komplementarna +180°
- 7A9291
Castaway Cove
- 9C8687
≈ Mauverine
Analogowa -30° +30°
- 7A9291
Castaway Cove
- 7E9288
≈ Green Bay
- 7B9099
≈ Sidewalk Grey
Triada +120° +240°
- 7A9291
Castaway Cove
- 928898
≈ Smokey Lilac
- 978A7B
≈ Curio Brown
Komplementarna rozszczepiona +150° +210°
- 7A9291
Castaway Cove
- 998691
≈ Purple Mauve
- 9C887F
≈ Antique Bear
Tetrada +90° +180° +270°
- 7A9291
Castaway Cove
- 8A8B9D
≈ Antiquate
- 9C8687
≈ Mauverine
- 8F8E7B
≈ Olivine Grey
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.30:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.34:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.34:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--castaway-cove: #7a9291;
--castaway-cove-rgb: 122 146 145;
--castaway-cove-oklch: oklch(0.641 0.027 193.4);
}
.element {
color: var(--castaway-cove);
background-color: hsl(178 10% 53%);
border-color: oklch(0.641 0.027 193.4);
}Tailwind CSS v4
@theme {
--color-castaway-cove: #7a9291;
--color-castaway-cove-50: #edf8f7;
--color-castaway-cove-100: #deebeb;
--color-castaway-cove-200: #c8d8d8;
--color-castaway-cove-300: #a8bcbc;
--color-castaway-cove-400: #8da4a3;
--color-castaway-cove-500: #728c8b;
--color-castaway-cove-600: #617776;
--color-castaway-cove-700: #4d5f5e;
--color-castaway-cove-800: #384645;
--color-castaway-cove-900: #26302f;
--color-castaway-cove-950: #141c1c;
}SCSS
$castaway-cove: #7a9291;
$castaway-cove-rgb: 122, 146, 145;
$castaway-cove-light: mix(#fff, $castaway-cove, 20%);
$castaway-cove-dark: mix(#000, $castaway-cove, 20%);
.element {
color: $castaway-cove;
box-shadow: 0 0 0 2px rgba($castaway-cove, 0.35);
}