이름 색상 · #00AAFF
Protoss Pylon
Protoss Pylon은(는) #00AAFF: rgb(0 170 255), hsl(200 100% 50%), oklch(0.707 0.168 242). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Protoss Pylon color name →
#00AAFF
oklch(0.707 0.168 242)
색상 변환
- HEX
- #00aaff
- RGB
- rgb(0 170 255)
- HSL
- hsl(200 100% 50%)
- HWB
- hwb(200 0% 0%)
- OKLCH
- oklch(0.707 0.168 242)
- OKLab
- oklab(0.707 -0.079 -0.148)
- CIE Lab
- lab(65.65 -13.95 -53.22)
- LCH
- lch(65.65 55.02 255.3)
- CMYK
- cmyk(100% 33% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 3DB3FF
- 5BBCFF
- 73C5FF
- 89CEFF
- 9ED6FF
- B2DFFF
- C6E7FF
- D9EFFF
- ECF7FF
셰이드
- 0093DE
- 007DBE
- 00689E
- 005380
- 003F63
- 002D48
- 001B2E
- 000B16
- 000103
톤
- 2CA6F2
- 3FA3E5
- 4C9FD9
- 579BCC
- 6097BF
- 6892B3
- 6F8EA6
- 758A99
- 7B858D
색 조화
보색 +180°
- 00AAFF
Protoss Pylon
- E68500
≈ Fulvous
유사색 -30° +30°
- 00AAFF
Protoss Pylon
- 00B4CD
≈ Antigua Blue
- 8098FF
≈ Periwinkle Blue
삼각 배색 +120° +240°
- 00AAFF
Protoss Pylon
- F26D98
≈ God’s Own Junkyard Pink
- 90B011
≈ Sickly Green
분열 보색 +150° +210°
- 00AAFF
Protoss Pylon
- F7725A
≈ Peach Echo
- C19C00
≈ Rapeseed
사각 배색 +90° +180° +270°
- 00AAFF
Protoss Pylon
- DB75CE
≈ French Mauve
- E68500
≈ Fulvous
- 32BD6A
≈ Welsh Onion
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.56:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.19:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.19:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--protoss-pylon: #00aaff;
--protoss-pylon-rgb: 0 170 255;
--protoss-pylon-oklch: oklch(0.707 0.168 242);
}
.element {
color: var(--protoss-pylon);
background-color: hsl(200 100% 50%);
border-color: oklch(0.707 0.168 242);
}Tailwind CSS v4
@theme {
--color-protoss-pylon: #00aaff;
--color-protoss-pylon-50: #cdfbff;
--color-protoss-pylon-100: #b8efff;
--color-protoss-pylon-200: #94dcff;
--color-protoss-pylon-300: #64c0ff;
--color-protoss-pylon-400: #1ca8f8;
--color-protoss-pylon-500: #008eea;
--color-protoss-pylon-600: #0078c5;
--color-protoss-pylon-700: #00609f;
--color-protoss-pylon-800: #004776;
--color-protoss-pylon-900: #003153;
--color-protoss-pylon-950: #001d38;
}SCSS
$protoss-pylon: #00aaff;
$protoss-pylon-rgb: 0, 170, 255;
$protoss-pylon-light: mix(#fff, $protoss-pylon, 20%);
$protoss-pylon-dark: mix(#000, $protoss-pylon, 20%);
.element {
color: $protoss-pylon;
box-shadow: 0 0 0 2px rgba($protoss-pylon, 0.35);
}