Nazwany kolor · #62AEBA
Ocean Trip
Ocean Trip to #62AEBA: rgb(98 174 186), hsl(188 39% 56%), oklch(0.706 0.077 208.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Ocean Trip color name →
#62AEBA
oklch(0.706 0.077 208.7)
Konwersje koloru
- HEX
- #62aeba
- RGB
- rgb(98 174 186)
- HSL
- hsl(188 39% 56%)
- HWB
- hwb(188 38% 27%)
- OKLCH
- oklch(0.706 0.077 208.7)
- OKLab
- oklab(0.706 -0.068 -0.037)
- CIE Lab
- lab(66.55 -22.16 -13.92)
- LCH
- lch(66.55 26.17 212.1)
- CMYK
- cmyk(47% 6% 0% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 73B6C1
- 84BEC8
- 93C6CE
- A3CED5
- B3D6DC
- C2DEE3
- D1E7EA
- E0EFF1
- F0F7F8
Odcienie ciemniejsze
- 5497A1
- 478089
- 3A6A72
- 2D555C
- 214146
- 162E32
- 0B1C1E
- 030B0D
- 000102
Tony
- 67A9B4
- 6BA5AE
- 6FA0A8
- 729CA3
- 75979D
- 789297
- 7A8E91
- 7C898B
- 7E8586
Harmonie kolorów
Komplementarna +180°
- 62AEBA
Ocean Trip
- CC8E85
≈ Rose de Mai
Analogowa -30° +30°
- 62AEBA
Ocean Trip
- 67B0A1
≈ Green Crush
- 72A8CB
≈ Mirror Lake
Triada +120° +240°
- 62AEBA
Ocean Trip
- BC8FB8
≈ La la Love
- B49E67
≈ Grainfield
Komplementarna rozszczepiona +150° +210°
- 62AEBA
Ocean Trip
- C98C9F
≈ Pinch Me
- C59570
≈ Sonora Shade
Tetrada +90° +180° +270°
- 62AEBA
Ocean Trip
- A696CA
≈ Gorgeous Hydrangea
- CC8E85
≈ Rose de Mai
- 9BA770
≈ Green Plaza
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.53:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.28:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--ocean-trip: #62aeba;
--ocean-trip-rgb: 98 174 186;
--ocean-trip-oklch: oklch(0.706 0.077 208.7);
}
.element {
color: var(--ocean-trip);
background-color: hsl(188 39% 56%);
border-color: oklch(0.706 0.077 208.7);
}Tailwind CSS v4
@theme {
--color-ocean-trip: #62aeba;
--color-ocean-trip-50: #ddfcff;
--color-ocean-trip-100: #cbeff6;
--color-ocean-trip-200: #afdee7;
--color-ocean-trip-300: #89c3ce;
--color-ocean-trip-400: #64abb7;
--color-ocean-trip-500: #3c94a1;
--color-ocean-trip-600: #357d88;
--color-ocean-trip-700: #2a646d;
--color-ocean-trip-800: #1c4a50;
--color-ocean-trip-900: #133338;
--color-ocean-trip-950: #041f22;
}SCSS
$ocean-trip: #62aeba;
$ocean-trip-rgb: 98, 174, 186;
$ocean-trip-light: mix(#fff, $ocean-trip, 20%);
$ocean-trip-dark: mix(#000, $ocean-trip, 20%);
.element {
color: $ocean-trip;
box-shadow: 0 0 0 2px rgba($ocean-trip, 0.35);
}