이름 색상 · #5CBFCE
Skink Blue
Skink Blue은(는) #5CBFCE: rgb(92 191 206), hsl(188 54% 58%), oklch(0.751 0.095 208.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Skink Blue color name →
#5CBFCE
oklch(0.751 0.095 208.5)
색상 변환
- HEX
- #5cbfce
- RGB
- rgb(92 191 206)
- HSL
- hsl(188 54% 58%)
- HWB
- hwb(188 36% 19%)
- OKLCH
- oklch(0.751 0.095 208.5)
- OKLab
- oklab(0.751 -0.083 -0.045)
- CIE Lab
- lab(71.87 -27.05 -16.92)
- LCH
- lch(71.87 31.91 212)
- CMYK
- cmyk(55% 7% 0% 19%)
틴트 · 셰이드 · 톤
틴트
- 70C6D3
- 82CCD8
- 93D2DD
- A3D9E2
- B3DFE7
- C2E6EB
- D2ECF0
- E1F2F5
- F0F9FA
셰이드
- 4FA6B3
- 428D98
- 36757F
- 2A5E66
- 1F484E
- 143338
- 0A1F23
- 030D0F
- 000202
톤
- 63B9C6
- 68B2BE
- 6DACB6
- 71A6AE
- 759FA6
- 78999F
- 7A9397
- 7D8D8F
- 7E8688
색 조화
보색 +180°
- 5CBFCE
Skink Blue
- E4978C
≈ Salmon Salt
유사색 -30° +30°
- 5CBFCE
Skink Blue
- 64C2AF
≈ Blue Energy
- 73B7E4
≈ Life Force
삼각 배색 +120° +240°
- 5CBFCE
Skink Blue
- D099CC
≈ Ineffable Magenta
- C7AB66
≈ Laser
분열 보색 +150° +210°
- 5CBFCE
Skink Blue
- E095AD
≈ Kobi
- DC9F71
≈ Ochraceous Salmon
사각 배색 +90° +180° +270°
- 5CBFCE
Skink Blue
- B6A1E3
≈ Violet Velvet
- E4978C
≈ Salmon Salt
- A8B771
≈ Around the Gills
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.14:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.79:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--skink-blue: #5cbfce;
--skink-blue-rgb: 92 191 206;
--skink-blue-oklch: oklch(0.751 0.095 208.5);
}
.element {
color: var(--skink-blue);
background-color: hsl(188 54% 58%);
border-color: oklch(0.751 0.095 208.5);
}Tailwind CSS v4
@theme {
--color-skink-blue: #5cbfce;
--color-skink-blue-50: #d7fdff;
--color-skink-blue-100: #c4f1fa;
--color-skink-blue-200: #a5e0eb;
--color-skink-blue-300: #7bc5d3;
--color-skink-blue-400: #51aebc;
--color-skink-blue-500: #1097a7;
--color-skink-blue-600: #15808d;
--color-skink-blue-700: #126671;
--color-skink-blue-800: #094b53;
--color-skink-blue-900: #07343a;
--color-skink-blue-950: #002024;
}SCSS
$skink-blue: #5cbfce;
$skink-blue-rgb: 92, 191, 206;
$skink-blue-light: mix(#fff, $skink-blue, 20%);
$skink-blue-dark: mix(#000, $skink-blue, 20%);
.element {
color: $skink-blue;
box-shadow: 0 0 0 2px rgba($skink-blue, 0.35);
}