Nazwany kolor · #7FA8A7
Acapulco Aqua
Acapulco Aqua to #7FA8A7: rgb(127 168 167), hsl(179 19% 58%), oklch(0.702 0.044 194.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Acapulco Aqua color name →
#7FA8A7
oklch(0.702 0.044 194.3)
Konwersje koloru
- HEX
- #7fa8a7
- RGB
- rgb(127 168 167)
- HSL
- hsl(179 19% 58%)
- HWB
- hwb(179 50% 34%)
- OKLCH
- oklch(0.702 0.044 194.3)
- OKLab
- oklab(0.702 -0.043 -0.011)
- CIE Lab
- lab(65.85 -14.53 -4.25)
- LCH
- lch(65.85 15.14 196.3)
- CMYK
- cmyk(24% 0% 1% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8CB0AF
- 98B9B8
- A5C2C1
- B2CAC9
- BED3D2
- CBDCDB
- D8E4E4
- E5EDED
- F2F6F6
Odcienie ciemniejsze
- 6E9291
- 5D7C7B
- 4C6766
- 3C5252
- 2D3F3E
- 1F2C2C
- 111A1A
- 060A0A
- 010101
Tony
- 7FA4A3
- 80A09F
- 809C9B
- 809897
- 809493
- 81908F
- 818C8C
- 808888
- 808484
Harmonie kolorów
Komplementarna +180°
- 7FA8A7
Acapulco Aqua
- B99496
≈ Cherry Taupe
Analogowa -30° +30°
- 7FA8A7
Acapulco Aqua
- 86A898
≈ Beckett
- 82A5B4
≈ Grauzone
Triada +120° +240°
- 7FA8A7
Acapulco Aqua
- A997B3
≈ Enthroned Above
- B09B81
≈ Incense
Komplementarna rozszczepiona +150° +210°
- 7FA8A7
Acapulco Aqua
- B494A6
≈ Ashberry
- B89789
≈ Brush
Tetrada +90° +180° +270°
- 7FA8A7
Acapulco Aqua
- 9B9CBA
≈ Logan
- B99496
≈ Cherry Taupe
- A3A181
≈ Cross Country
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.60:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 8.06:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--acapulco-aqua: #7fa8a7;
--acapulco-aqua-rgb: 127 168 167;
--acapulco-aqua-oklch: oklch(0.702 0.044 194.3);
}
.element {
color: var(--acapulco-aqua);
background-color: hsl(179 19% 58%);
border-color: oklch(0.702 0.044 194.3);
}Tailwind CSS v4
@theme {
--color-acapulco-aqua: #7fa8a7;
--color-acapulco-aqua-50: #e7f9f9;
--color-acapulco-aqua-100: #d8eded;
--color-acapulco-aqua-200: #bfdbda;
--color-acapulco-aqua-300: #9ebfbf;
--color-acapulco-aqua-400: #80a7a6;
--color-acapulco-aqua-500: #63908f;
--color-acapulco-aqua-600: #547a79;
--color-acapulco-aqua-700: #436161;
--color-acapulco-aqua-800: #304746;
--color-acapulco-aqua-900: #213131;
--color-acapulco-aqua-950: #101d1d;
}SCSS
$acapulco-aqua: #7fa8a7;
$acapulco-aqua-rgb: 127, 168, 167;
$acapulco-aqua-light: mix(#fff, $acapulco-aqua, 20%);
$acapulco-aqua-dark: mix(#000, $acapulco-aqua, 20%);
.element {
color: $acapulco-aqua;
box-shadow: 0 0 0 2px rgba($acapulco-aqua, 0.35);
}