이름 색상 · #5885A2
Blue Team Spirit
Blue Team Spirit은(는) #5885A2: rgb(88 133 162), hsl(204 30% 49%), oklch(0.596 0.066 237.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Blue Team Spirit color name →
#5885A2
oklch(0.596 0.066 237.7)
색상 변환
- HEX
- #5885a2
- RGB
- rgb(88 133 162)
- HSL
- hsl(204 30% 49%)
- HWB
- hwb(204 35% 36%)
- OKLCH
- oklch(0.596 0.066 237.7)
- OKLab
- oklab(0.596 -0.035 -0.056)
- CIE Lab
- lab(53.14 -9.86 -20.65)
- LCH
- lch(53.14 22.88 244.5)
- CMYK
- cmyk(46% 18% 0% 36%)
틴트 · 셰이드 · 톤
틴트
- 6891AB
- 799DB4
- 89A9BE
- 99B5C7
- AAC1D0
- BBCDD9
- CBD9E3
- DDE6EC
- EEF2F6
셰이드
- 4B738C
- 3F6177
- 335063
- 28404F
- 1D303C
- 12212A
- 091319
- 03060A
- 000101
톤
- 5D859F
- 61849B
- 658498
- 6A8395
- 6E8391
- 71828E
- 75828A
- 798187
- 7C8184
색 조화
보색 +180°
- 5885A2
Blue Team Spirit
- 9D7557
≈ Ranch Brown
유사색 -30° +30°
- 5885A2
Blue Team Spirit
- 4B8A93
≈ Flounce
- 6E7EA7
≈ Night Thistle
삼각 배색 +120° +240°
- 5885A2
Blue Team Spirit
- A06E7F
≈ Black Elder
- 7B8557
≈ Oregano
분열 보색 +150° +210°
- 5885A2
Blue Team Spirit
- A37069
≈ Warm Wassail
- 907D50
≈ Fennel Seed
사각 배색 +90° +180° +270°
- 5885A2
Blue Team Spirit
- 957193
≈ Felicia
- 9D7557
≈ Ranch Brown
- 648A68
≈ Slate Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.96:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.29:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.29:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--blue-team-spirit: #5885a2;
--blue-team-spirit-rgb: 88 133 162;
--blue-team-spirit-oklch: oklch(0.596 0.066 237.7);
}
.element {
color: var(--blue-team-spirit);
background-color: hsl(204 30% 49%);
border-color: oklch(0.596 0.066 237.7);
}Tailwind CSS v4
@theme {
--color-blue-team-spirit: #5885a2;
--color-blue-team-spirit-50: #e5f8ff;
--color-blue-team-spirit-100: #d5ecfc;
--color-blue-team-spirit-200: #bbd9ee;
--color-blue-team-spirit-300: #99bdd6;
--color-blue-team-spirit-400: #79a5c1;
--color-blue-team-spirit-500: #5a8dad;
--color-blue-team-spirit-600: #4d7792;
--color-blue-team-spirit-700: #3d5f75;
--color-blue-team-spirit-800: #2b4656;
--color-blue-team-spirit-900: #1d313c;
--color-blue-team-spirit-950: #0d1d26;
}SCSS
$blue-team-spirit: #5885a2;
$blue-team-spirit-rgb: 88, 133, 162;
$blue-team-spirit-light: mix(#fff, $blue-team-spirit, 20%);
$blue-team-spirit-dark: mix(#000, $blue-team-spirit, 20%);
.element {
color: $blue-team-spirit;
box-shadow: 0 0 0 2px rgba($blue-team-spirit, 0.35);
}