Màu có tên gần nhất · #1FA9BF
#1FA9BF
Màu có tên gần nhất: True Sky Blue
#1FA9BF (rgb(31 169 191), hsl(188 72% 44%), oklch(0.676 0.112 211.8)) gần nhất với màu có tên True Sky Blue. 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.
#1FA9BF
oklch(0.676 0.112 211.8)
Chuyển đổi màu
- HEX
- #1fa9bf
- RGB
- rgb(31 169 191)
- HSL
- hsl(188 72% 44%)
- HWB
- hwb(188 12% 25%)
- OKLCH
- oklch(0.676 0.112 211.8)
- OKLab
- oklab(0.676 -0.095 -0.059)
- CIE Lab
- lab(63.27 -30.09 -21.84)
- LCH
- lch(63.27 37.18 216)
- CMYK
- cmyk(84% 12% 0% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 46B2C5
- 60BACC
- 77C3D2
- 8CCCD9
- A0D4DF
- B3DDE6
- C7E5EC
- DAEEF2
- ECF7F9
Sắc đậm
- 1992A6
- 147C8D
- 0F6775
- 0A535E
- 063F48
- 032C33
- 011B1F
- 000A0D
- 000102
Sắc xám
- 36A5B9
- 45A1B2
- 519DAC
- 5A99A6
- 63959F
- 6A9199
- 708D93
- 76898D
- 7B8486
Hòa sắc
Bổ túc +180°
- 1FA9BF
True Sky Blue
- D37C6B
≈ Masoho Red
Tương đồng -30° +30°
- 1FA9BF
True Sky Blue
- 29AD9C
≈ Billiard
- 519FD6
≈ Waimea Blue
Bộ ba +120° +240°
- 1FA9BF
True Sky Blue
- BF7DB6
≈ Colombo Red Mauve
- B0953C
≈ Balsam Pear
Bổ túc chia +150° +210°
- 1FA9BF
True Sky Blue
- D07992
≈ Devilish Diva
- C88649
≈ Butter Bronze
Bộ bốn +90° +180° +270°
- 1FA9BF
True Sky Blue
- A486D1
≈ Middy’s Purple
- D37C6B
≈ Masoho Red
- 8CA24F
≈ Nasturtium Shoot
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.80:1 · APCA Lc 53
Ag
AAATrên nền đen
WCAG 7.48:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--true-sky-blue: #1fa9bf;
--true-sky-blue-rgb: 31 169 191;
--true-sky-blue-oklch: oklch(0.676 0.112 211.8);
}
.element {
color: var(--true-sky-blue);
background-color: hsl(188 72% 44%);
border-color: oklch(0.676 0.112 211.8);
}Tailwind CSS v4
@theme {
--color-true-sky-blue: #1fa9bf;
--color-true-sky-blue-50: #d2feff;
--color-true-sky-blue-100: #bef2ff;
--color-true-sky-blue-200: #9ce1f1;
--color-true-sky-blue-300: #6ec7da;
--color-true-sky-blue-400: #38b0c5;
--color-true-sky-blue-500: #0099b1;
--color-true-sky-blue-600: #008195;
--color-true-sky-blue-700: #006778;
--color-true-sky-blue-800: #004c58;
--color-true-sky-blue-900: #00353d;
--color-true-sky-blue-950: #002027;
}SCSS
$true-sky-blue: #1fa9bf;
$true-sky-blue-rgb: 31, 169, 191;
$true-sky-blue-light: mix(#fff, $true-sky-blue, 20%);
$true-sky-blue-dark: mix(#000, $true-sky-blue, 20%);
.element {
color: $true-sky-blue;
box-shadow: 0 0 0 2px rgba($true-sky-blue, 0.35);
}