Màu có tên · #8CB7D7
Periwinkle Sky
Periwinkle Sky là #8CB7D7: rgb(140 183 215), hsl(206 48% 70%), oklch(0.76 0.065 240.9). 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? → · Periwinkle Sky color name →
#8CB7D7
oklch(0.76 0.065 240.9)
Chuyển đổi màu
- HEX
- #8cb7d7
- RGB
- rgb(140 183 215)
- HSL
- hsl(206 48% 70%)
- HWB
- hwb(206 55% 16%)
- OKLCH
- oklch(0.76 0.065 240.9)
- OKLab
- oklab(0.76 -0.032 -0.057)
- CIE Lab
- lab(72.16 -9 -21.09)
- LCH
- lch(72.16 22.93 246.9)
- CMYK
- cmyk(35% 15% 0% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 97BEDB
- A3C5DF
- AECCE3
- BAD4E7
- C5DBEB
- D1E2EF
- DCE9F3
- E8F0F7
- F3F8FB
Sắc đậm
- 799FBB
- 67879F
- 557085
- 435A6B
- 334552
- 23313B
- 141E25
- 070C11
- 010202
Sắc xám
- 8BB1CE
- 8AACC5
- 89A6BC
- 88A1B4
- 879BAB
- 8696A2
- 84909A
- 838B91
- 828588
Hòa sắc
Bổ túc +180°
- 8CB7D7
Periwinkle Sky
- D0A887
≈ Autumn Air
Tương đồng -30° +30°
- 8CB7D7
Periwinkle Sky
- 7FBDC8
≈ Aqua Vitale
- A1AFDB
≈ Myrtle Flower
Bộ ba +120° +240°
- 8CB7D7
Periwinkle Sky
- D5A0AF
≈ Lili Elbe’s Pink
- ABB889
≈ Grant Wood Ivy
Bổ túc chia +150° +210°
- 8CB7D7
Periwinkle Sky
- D7A298
≈ Auburn Wave
- C0B082
≈ Harmonic Tan
Bộ bốn +90° +180° +270°
- 8CB7D7
Periwinkle Sky
- CAA2C4
≈ Stormy Sunrise
- D0A887
≈ Autumn Air
- 93BD9C
≈ Green-Eyed Lady
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.12:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.86:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.86:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--periwinkle-sky: #8cb7d7;
--periwinkle-sky-rgb: 140 183 215;
--periwinkle-sky-oklch: oklch(0.76 0.065 240.9);
}
.element {
color: var(--periwinkle-sky);
background-color: hsl(206 48% 70%);
border-color: oklch(0.76 0.065 240.9);
}Tailwind CSS v4
@theme {
--color-periwinkle-sky: #8cb7d7;
--color-periwinkle-sky-50: #e6f8ff;
--color-periwinkle-sky-100: #d6ebfc;
--color-periwinkle-sky-200: #bdd8ee;
--color-periwinkle-sky-300: #9bbcd7;
--color-periwinkle-sky-400: #7ca4c2;
--color-periwinkle-sky-500: #5e8cae;
--color-periwinkle-sky-600: #507693;
--color-periwinkle-sky-700: #405f76;
--color-periwinkle-sky-800: #2d4657;
--color-periwinkle-sky-900: #1e303c;
--color-periwinkle-sky-950: #0e1c26;
}SCSS
$periwinkle-sky: #8cb7d7;
$periwinkle-sky-rgb: 140, 183, 215;
$periwinkle-sky-light: mix(#fff, $periwinkle-sky, 20%);
$periwinkle-sky-dark: mix(#000, $periwinkle-sky, 20%);
.element {
color: $periwinkle-sky;
box-shadow: 0 0 0 2px rgba($periwinkle-sky, 0.35);
}