Màu có tên · #00AAFF
Protoss Pylon
Protoss Pylon là #00AAFF: rgb(0 170 255), hsl(200 100% 50%), oklch(0.707 0.168 242). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Blue mean? → · Protoss Pylon color name →
#00AAFF
oklch(0.707 0.168 242)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3DB3FF
- 5BBCFF
- 73C5FF
- 89CEFF
- 9ED6FF
- B2DFFF
- C6E7FF
- D9EFFF
- ECF7FF
Sắc đậm
- 0093DE
- 007DBE
- 00689E
- 005380
- 003F63
- 002D48
- 001B2E
- 000B16
- 000103
Sắc xám
- 2CA6F2
- 3FA3E5
- 4C9FD9
- 579BCC
- 6097BF
- 6892B3
- 6F8EA6
- 758A99
- 7B858D
Hòa sắc
Bổ túc +180°
- 00AAFF
Protoss Pylon
- E68500
≈ Fulvous
Tương đồng -30° +30°
- 00AAFF
Protoss Pylon
- 00B4CD
≈ Antigua Blue
- 8098FF
≈ Periwinkle Blue
Bộ ba +120° +240°
- 00AAFF
Protoss Pylon
- F26D98
≈ God’s Own Junkyard Pink
- 90B011
≈ Sickly Green
Bổ túc chia +150° +210°
- 00AAFF
Protoss Pylon
- F7725A
≈ Peach Echo
- C19C00
≈ Rapeseed
Bộ bốn +90° +180° +270°
- 00AAFF
Protoss Pylon
- DB75CE
≈ French Mauve
- E68500
≈ Fulvous
- 32BD6A
≈ Welsh Onion
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.56:1 · APCA Lc 49
Ag
AAATrên nền đen
WCAG 8.19:1 · APCA Lc 53
Màu chữ tốt nhất: #000000
WCAG 8.19:1 (AAA) · APCA Lc 53
Contrast pairs
Đoạn mã
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);
}