Benoemde kleur · #7FA8A7
Acapulco Aqua
Acapulco Aqua is #7FA8A7: rgb(127 168 167), hsl(179 19% 58%), oklch(0.702 0.044 194.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Teal mean? → · Acapulco Aqua color name →
#7FA8A7
oklch(0.702 0.044 194.3)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 8CB0AF
- 98B9B8
- A5C2C1
- B2CAC9
- BED3D2
- CBDCDB
- D8E4E4
- E5EDED
- F2F6F6
Schaduwen
- 6E9291
- 5D7C7B
- 4C6766
- 3C5252
- 2D3F3E
- 1F2C2C
- 111A1A
- 060A0A
- 010101
Tonen
- 7FA4A3
- 80A09F
- 809C9B
- 809897
- 809493
- 81908F
- 818C8C
- 808888
- 808484
Kleurharmonieën
Complementair +180°
- 7FA8A7
Acapulco Aqua
- B99496
≈ Cherry Taupe
Analoog -30° +30°
- 7FA8A7
Acapulco Aqua
- 86A898
≈ Beckett
- 82A5B4
≈ Grauzone
Triadisch +120° +240°
- 7FA8A7
Acapulco Aqua
- A997B3
≈ Enthroned Above
- B09B81
≈ Incense
Gesplitst complementair +150° +210°
- 7FA8A7
Acapulco Aqua
- B494A6
≈ Ashberry
- B89789
≈ Brush
Tetradisch +90° +180° +270°
- 7FA8A7
Acapulco Aqua
- 9B9CBA
≈ Logan
- B99496
≈ Cherry Taupe
- A3A181
≈ Cross Country
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.60:1 · APCA Lc 51
Ag
AAAOp zwart
WCAG 8.06:1 · APCA Lc 51
Beste tekstkleur: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
Codefragmenten
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);
}