Nazwany kolor · #34B5D5
Ocean Sigh
Ocean Sigh to #34B5D5: rgb(52 181 213), hsl(192 66% 52%), oklch(0.718 0.117 218.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Ocean Sigh color name →
#34B5D5
oklch(0.718 0.117 218.6)
Konwersje koloru
- HEX
- #34b5d5
- RGB
- rgb(52 181 213)
- HSL
- hsl(192 66% 52%)
- HWB
- hwb(192 20% 16%)
- OKLCH
- oklch(0.718 0.117 218.6)
- OKLab
- oklab(0.718 -0.091 -0.073)
- CIE Lab
- lab(67.96 -27.64 -26.76)
- LCH
- lch(67.96 38.47 224.1)
- CMYK
- cmyk(76% 15% 0% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 53BDD9
- 6AC4DE
- 80CCE2
- 93D3E6
- A6DBEB
- B9E2EF
- CAE9F3
- DCF1F7
- EEF8FB
Odcienie ciemniejsze
- 2C9DB9
- 24869E
- 1C6F83
- 15596A
- 0E4451
- 07303A
- 031D24
- 010C10
- 000202
Tony
- 44B0CC
- 50ABC4
- 5AA5BB
- 62A0B3
- 689BAA
- 6E96A2
- 749099
- 788B91
- 7C8588
Harmonie kolorów
Komplementarna +180°
- 34B5D5
Ocean Sigh
- E2896D
≈ Guava Jam
Analogowa -30° +30°
- 34B5D5
Ocean Sigh
- 2ABBB2
≈ Super Rare Jade
- 66AAEA
≈ Blue Jeans
Triada +120° +240°
- 34B5D5
Ocean Sigh
- D487BD
≈ Cyclamen
- B7A546
≈ Moss Stone
Komplementarna rozszczepiona +150° +210°
- 34B5D5
Ocean Sigh
- E28495
≈ Rose Soiree
- D4964D
≈ Georgian Yellow
Tetrada +90° +180° +270°
- 34B5D5
Ocean Sigh
- B98FDC
≈ Pale Purple
- E2896D
≈ Guava Jam
- 8EB260
≈ Broccoli
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.40:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.71:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.71:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--ocean-sigh: #34b5d5;
--ocean-sigh-rgb: 52 181 213;
--ocean-sigh-oklch: oklch(0.718 0.117 218.6);
}
.element {
color: var(--ocean-sigh);
background-color: hsl(192 66% 52%);
border-color: oklch(0.718 0.117 218.6);
}Tailwind CSS v4
@theme {
--color-ocean-sigh: #34b5d5;
--color-ocean-sigh-50: #d1feff;
--color-ocean-sigh-100: #bef2ff;
--color-ocean-sigh-200: #9be0f7;
--color-ocean-sigh-300: #6ec5e1;
--color-ocean-sigh-400: #38aecd;
--color-ocean-sigh-500: #0097ba;
--color-ocean-sigh-600: #00809d;
--color-ocean-sigh-700: #00667e;
--color-ocean-sigh-800: #004c5c;
--color-ocean-sigh-900: #003541;
--color-ocean-sigh-950: #002029;
}SCSS
$ocean-sigh: #34b5d5;
$ocean-sigh-rgb: 52, 181, 213;
$ocean-sigh-light: mix(#fff, $ocean-sigh, 20%);
$ocean-sigh-dark: mix(#000, $ocean-sigh, 20%);
.element {
color: $ocean-sigh;
box-shadow: 0 0 0 2px rgba($ocean-sigh, 0.35);
}