이름 색상 · #5FB6BF
Spearfish
Spearfish은(는) #5FB6BF: rgb(95 182 191), hsl(186 43% 56%), oklch(0.726 0.085 204.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Spearfish color name →
#5FB6BF
oklch(0.726 0.085 204.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 71BDC5
- 82C5CC
- 93CCD2
- A3D3D8
- B2DBDF
- C2E2E5
- D1E9EC
- E1F0F2
- F0F8F9
셰이드
- 529EA6
- 44868D
- 386F75
- 2C595E
- 204448
- 153033
- 0A1D1F
- 030C0D
- 000202
톤
- 65B1B9
- 69ABB2
- 6EA6AC
- 71A0A5
- 759B9F
- 789699
- 7A9093
- 7C8B8C
- 7E8586
색 조화
보색 +180°
- 5FB6BF
Spearfish
- D7928C
≈ Powder Blush
유사색 -30° +30°
- 5FB6BF
Spearfish
- 69B8A3
≈ Bath Turquoise
- 6FAFD4
≈ Imrik Blue
삼각 배색 +120° +240°
- 5FB6BF
Spearfish
- C194C4
≈ Rose Souvenir
- BFA267
≈ Desert Moss
분열 보색 +150° +210°
- 5FB6BF
Spearfish
- D190AA
≈ Kiss
- D19873
≈ Tawny Amber
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.35:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.93:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.93:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
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);
}