이름 색상 · #93CCE7
Thresher Shark
Thresher Shark은(는) #93CCE7: rgb(147 204 231), hsl(199 64% 74%), oklch(0.815 0.07 229). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Thresher Shark color name →
#93CCE7
oklch(0.815 0.07 229)
색상 변환
- HEX
- #93cce7
- RGB
- rgb(147 204 231)
- HSL
- hsl(199 64% 74%)
- HWB
- hwb(199 58% 9%)
- OKLCH
- oklch(0.815 0.07 229)
- OKLab
- oklab(0.815 -0.046 -0.053)
- CIE Lab
- lab(78.82 -14.09 -19.63)
- LCH
- lch(78.82 24.16 234.3)
- CMYK
- cmyk(36% 12% 0% 9%)
틴트 · 셰이드 · 톤
틴트
- 9ED1EA
- A9D6EC
- B4DBEF
- BFE1F1
- CAE6F3
- D4EBF6
- DFF0F8
- EAF5FA
- F4FAFD
셰이드
- 7FB1C9
- 6C97AB
- 597E8F
- 476573
- 364E59
- 253740
- 162228
- 080F13
- 010203
톤
- 92C4DC
- 90BCD2
- 8FB5C7
- 8DADBD
- 8BA5B2
- 899EA8
- 87969E
- 858F94
- 82878A
색 조화
보색 +180°
- 93CCE7
Thresher Shark
- E9B69B
≈ Creole Cottage
유사색 -30° +30°
- 93CCE7
Thresher Shark
- 8BD1D4
≈ Fling Green
- A8C4F0
≈ Sky High
삼각 배색 +120° +240°
- 93CCE7
Thresher Shark
- E6B1CA
≈ Muddy Mauve
- C6C792
≈ Yerba Mate
분열 보색 +150° +210°
- 93CCE7
Thresher Shark
- EDB1B1
≈ Deeply Embarrassed
- DBBE8F
≈ Expedition Khaki
사각 배색 +90° +180° +270°
- 93CCE7
Thresher Shark
- D7B5E0
≈ Pretty Petunia
- E9B69B
≈ Creole Cottage
- ACCEA3
≈ Garden Room
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.03:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--thresher-shark: #93cce7;
--thresher-shark-rgb: 147 204 231;
--thresher-shark-oklch: oklch(0.815 0.07 229);
}
.element {
color: var(--thresher-shark);
background-color: hsl(199 64% 74%);
border-color: oklch(0.815 0.07 229);
}Tailwind CSS v4
@theme {
--color-thresher-shark: #93cce7;
--color-thresher-shark-50: #e2f9ff;
--color-thresher-shark-100: #d1edfb;
--color-thresher-shark-200: #b7daed;
--color-thresher-shark-300: #93bfd5;
--color-thresher-shark-400: #72a7c0;
--color-thresher-shark-500: #518fab;
--color-thresher-shark-600: #457991;
--color-thresher-shark-700: #376174;
--color-thresher-shark-800: #264755;
--color-thresher-shark-900: #1a313b;
--color-thresher-shark-950: #0a1d25;
}SCSS
$thresher-shark: #93cce7;
$thresher-shark-rgb: 147, 204, 231;
$thresher-shark-light: mix(#fff, $thresher-shark, 20%);
$thresher-shark-dark: mix(#000, $thresher-shark, 20%);
.element {
color: $thresher-shark;
box-shadow: 0 0 0 2px rgba($thresher-shark, 0.35);
}