Nazwany kolor · #4E9AA8
Acapulco Cliffs
Acapulco Cliffs to #4E9AA8: rgb(78 154 168), hsl(189 37% 48%), oklch(0.643 0.078 211.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Acapulco Cliffs color name →
#4E9AA8
oklch(0.643 0.078 211.1)
Konwersje koloru
- HEX
- #4e9aa8
- RGB
- rgb(78 154 168)
- HSL
- hsl(189 37% 48%)
- HWB
- hwb(189 31% 34%)
- OKLCH
- oklch(0.643 0.078 211.1)
- OKLab
- oklab(0.643 -0.067 -0.04)
- CIE Lab
- lab(59.19 -21.52 -14.99)
- LCH
- lch(59.19 26.23 214.9)
- CMYK
- cmyk(54% 8% 0% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 62A4B1
- 74AEB9
- 86B8C2
- 97C2CA
- A9CCD3
- BAD6DC
- CBE0E4
- DCEAED
- EEF5F6
Odcienie ciemniejsze
- 438592
- 38717C
- 2D5E67
- 234B52
- 19393F
- 0F272C
- 07171A
- 02090A
- 000101
Tony
- 5598A4
- 5C95A0
- 61929C
- 679098
- 6C8D94
- 708B90
- 75888C
- 798588
- 7C8384
Harmonie kolorów
Komplementarna +180°
- 4E9AA8
Acapulco Cliffs
- B87B70
≈ Heirloom
Analogowa -30° +30°
- 4E9AA8
Acapulco Cliffs
- 529D90
≈ Aqua Revival
- 6193B8
≈ Scuba
Triada +120° +240°
- 4E9AA8
Acapulco Cliffs
- A97CA3
≈ Usu Pink
- 9F8C54
≈ Fallow Deer
Komplementarna rozszczepiona +150° +210°
- 4E9AA8
Acapulco Cliffs
- B5798A
≈ Foxglove
- B0825B
≈ Circus Peanut
Tetrada +90° +180° +270°
- 4E9AA8
Acapulco Cliffs
- 9582B5
≈ Bougainvillaea
- B87B70
≈ Heirloom
- 86955E
≈ Vesuvian Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.22:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.51:1 · APCA Lc 42
Najlepszy kolor tekstu: #000000
WCAG 6.51:1 (AA) · APCA Lc 42
Contrast pairs
Fragmenty kodu
CSS
:root {
--acapulco-cliffs: #4e9aa8;
--acapulco-cliffs-rgb: 78 154 168;
--acapulco-cliffs-oklch: oklch(0.643 0.078 211.1);
}
.element {
color: var(--acapulco-cliffs);
background-color: hsl(189 37% 48%);
border-color: oklch(0.643 0.078 211.1);
}Tailwind CSS v4
@theme {
--color-acapulco-cliffs: #4e9aa8;
--color-acapulco-cliffs-50: #ddfcff;
--color-acapulco-cliffs-100: #cbeff8;
--color-acapulco-cliffs-200: #afdee8;
--color-acapulco-cliffs-300: #89c2cf;
--color-acapulco-cliffs-400: #64abb9;
--color-acapulco-cliffs-500: #3c94a3;
--color-acapulco-cliffs-600: #357d8a;
--color-acapulco-cliffs-700: #2a646f;
--color-acapulco-cliffs-800: #1c4a51;
--color-acapulco-cliffs-900: #133338;
--color-acapulco-cliffs-950: #041f23;
}SCSS
$acapulco-cliffs: #4e9aa8;
$acapulco-cliffs-rgb: 78, 154, 168;
$acapulco-cliffs-light: mix(#fff, $acapulco-cliffs, 20%);
$acapulco-cliffs-dark: mix(#000, $acapulco-cliffs, 20%);
.element {
color: $acapulco-cliffs;
box-shadow: 0 0 0 2px rgba($acapulco-cliffs, 0.35);
}