Màu có tên gần nhất · #5FBFD3
#5FBFD3
Màu có tên gần nhất: Skydive
#5FBFD3 (rgb(95 191 211), hsl(190 57% 60%), oklch(0.754 0.095 213.1)) gần nhất với màu có tên Skydive. 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.
#5FBFD3
oklch(0.754 0.095 213.1)
Chuyển đổi màu
- HEX
- #5fbfd3
- RGB
- rgb(95 191 211)
- HSL
- hsl(190 57% 60%)
- HWB
- hwb(190 37% 17%)
- OKLCH
- oklch(0.754 0.095 213.1)
- OKLab
- oklab(0.754 -0.079 -0.052)
- CIE Lab
- lab(72.12 -25.32 -19.24)
- LCH
- lch(72.12 31.8 217.2)
- CMYK
- cmyk(55% 9% 0% 17%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 72C6D7
- 83CCDC
- 94D2E0
- A4D9E5
- B4DFE9
- C3E6EE
- D2ECF2
- E1F2F6
- F0F9FB
Sắc đậm
- 52A6B7
- 448D9C
- 387582
- 2C5E69
- 204851
- 15333A
- 0A1F24
- 030D10
- 000202
Sắc xám
- 65B9CA
- 6AB2C2
- 6FACBA
- 72A6B1
- 769FA9
- 7999A1
- 7B9398
- 7D8D90
- 7F8688
Hòa sắc
Bổ túc +180°
- 5FBFD3
Skydive
- E59988
≈ Shrimp
Tương đồng -30° +30°
- 5FBFD3
Skydive
- 62C3B5
≈ Miami Teal
- 79B6E7
≈ Aero
Bộ ba +120° +240°
- 5FBFD3
Skydive
- D499C9
≈ Girl Power
- C4AE67
≈ Champagne Grape
Bổ túc chia +150° +210°
- 5FBFD3
Skydive
- E296A9
≈ Rose Delight
- DAA26F
≈ Western Sunrise
Bộ bốn +90° +180° +270°
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 41
Ag
AAATrên nền đen
WCAG 9.87:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.87:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--skydive: #5fbfd3;
--skydive-rgb: 95 191 211;
--skydive-oklch: oklch(0.754 0.095 213.1);
}
.element {
color: var(--skydive);
background-color: hsl(190 57% 60%);
border-color: oklch(0.754 0.095 213.1);
}Tailwind CSS v4
@theme {
--color-skydive: #5fbfd3;
--color-skydive-50: #d8fdff;
--color-skydive-100: #c5f1fc;
--color-skydive-200: #a6dfee;
--color-skydive-300: #7dc4d6;
--color-skydive-400: #53adc0;
--color-skydive-500: #1896ab;
--color-skydive-600: #1a7f91;
--color-skydive-700: #156674;
--color-skydive-800: #0b4b55;
--color-skydive-900: #08343b;
--color-skydive-950: #001f25;
}SCSS
$skydive: #5fbfd3;
$skydive-rgb: 95, 191, 211;
$skydive-light: mix(#fff, $skydive, 20%);
$skydive-dark: mix(#000, $skydive, 20%);
.element {
color: $skydive;
box-shadow: 0 0 0 2px rgba($skydive, 0.35);
}