Warna bernama · #5FB6BF
Spearfish
Spearfish adalah #5FB6BF: rgb(95 182 191), hsl(186 43% 56%), oklch(0.726 0.085 204.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Cyan mean? → · Spearfish color name →
#5FB6BF
oklch(0.726 0.085 204.3)
Konversi warna
- HEX
- #5fb6bf
- RGB
- rgb(95 182 191)
- HSL
- hsl(186 43% 56%)
- HWB
- hwb(186 37% 25%)
- OKLCH
- oklch(0.726 0.085 204.3)
- OKLab
- oklab(0.726 -0.077 -0.035)
- CIE Lab
- lab(68.92 -25.53 -13.15)
- LCH
- lch(68.92 28.71 207.3)
- CMYK
- cmyk(50% 5% 0% 25%)
Tint · Shade · Tone
Tint
- 71BDC5
- 82C5CC
- 93CCD2
- A3D3D8
- B2DBDF
- C2E2E5
- D1E9EC
- E1F0F2
- F0F8F9
Shade
- 529EA6
- 44868D
- 386F75
- 2C595E
- 204448
- 153033
- 0A1D1F
- 030C0D
- 000202
Tone
- 65B1B9
- 69ABB2
- 6EA6AC
- 71A0A5
- 759B9F
- 789699
- 7A9093
- 7C8B8C
- 7E8586
Harmoni warna
Komplementer +180°
- 5FB6BF
Spearfish
- D7928C
≈ Powder Blush
Analog -30° +30°
- 5FB6BF
Spearfish
- 69B8A3
≈ Bath Turquoise
- 6FAFD4
≈ Imrik Blue
Triadik +120° +240°
- 5FB6BF
Spearfish
- C194C4
≈ Rose Souvenir
- BFA267
≈ Desert Moss
Split-komplementer +150° +210°
- 5FB6BF
Spearfish
- D190AA
≈ Kiss
- D19873
≈ Tawny Amber
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.35:1 · APCA Lc 46
Ag
AAADi atas hitam
WCAG 8.93:1 · APCA Lc 56
Warna teks terbaik: #000000
WCAG 8.93:1 (AAA) · APCA Lc 56
Contrast pairs
Cuplikan kode
CSS
:root {
--spearfish: #5fb6bf;
--spearfish-rgb: 95 182 191;
--spearfish-oklch: oklch(0.726 0.085 204.3);
}
.element {
color: var(--spearfish);
background-color: hsl(186 43% 56%);
border-color: oklch(0.726 0.085 204.3);
}Tailwind CSS v4
@theme {
--color-spearfish: #5fb6bf;
--color-spearfish-50: #dafdff;
--color-spearfish-100: #c8f1f6;
--color-spearfish-200: #aadfe6;
--color-spearfish-300: #82c4cd;
--color-spearfish-400: #5cadb6;
--color-spearfish-500: #2d96a0;
--color-spearfish-600: #297f87;
--color-spearfish-700: #21666c;
--color-spearfish-800: #154b4f;
--color-spearfish-900: #0e3437;
--color-spearfish-950: #011f22;
}SCSS
$spearfish: #5fb6bf;
$spearfish-rgb: 95, 182, 191;
$spearfish-light: mix(#fff, $spearfish, 20%);
$spearfish-dark: mix(#000, $spearfish, 20%);
.element {
color: $spearfish;
box-shadow: 0 0 0 2px rgba($spearfish, 0.35);
}