Màu có tên gần nhất · #61C0D4
#61C0D4
Màu có tên gần nhất: Skydive
#61C0D4 (rgb(97 192 212), hsl(190 57% 61%), oklch(0.757 0.094 213.2)) 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.
#61C0D4
oklch(0.757 0.094 213.2)
Chuyển đổi màu
- HEX
- #61c0d4
- RGB
- rgb(97 192 212)
- HSL
- hsl(190 57% 61%)
- HWB
- hwb(190 38% 17%)
- OKLCH
- oklch(0.757 0.094 213.2)
- OKLab
- oklab(0.757 -0.079 -0.051)
- CIE Lab
- lab(72.52 -25.12 -19.18)
- LCH
- lch(72.52 31.6 217.4)
- CMYK
- cmyk(54% 9% 0% 17%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 74C6D8
- 85CDDD
- 95D3E1
- A5DAE5
- B5E0EA
- C4E6EE
- D3ECF2
- E2F3F7
- F0F9FB
Sắc đậm
- 53A7B8
- 468E9D
- 397683
- 2D5F69
- 214951
- 15343A
- 0B2024
- 030E10
- 000202
Sắc xám
- 67BACB
- 6CB3C3
- 70ADBA
- 73A6B2
- 77A0A9
- 799AA1
- 7B9399
- 7D8D90
- 7F8688
Hòa sắc
Bổ túc +180°
- 61C0D4
Skydive
- E59A8A
≈ Shrimp
Tương đồng -30° +30°
- 61C0D4
Skydive
- 64C4B6
≈ Miami Teal
- 7AB7E8
≈ Aero
Bộ ba +120° +240°
- 61C0D4
Skydive
- D59ACA
≈ Girl Power
- C4AF69
≈ Champagne Grape
Bổ túc chia +150° +210°
- 61C0D4
Skydive
- E397AA
≈ Rose Delight
- DBA370
≈ 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.10:1 · APCA Lc 41
Ag
AAATrên nền đen
WCAG 9.99:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--skydive: #61c0d4;
--skydive-rgb: 97 192 212;
--skydive-oklch: oklch(0.757 0.094 213.2);
}
.element {
color: var(--skydive);
background-color: hsl(190 57% 61%);
border-color: oklch(0.757 0.094 213.2);
}Tailwind CSS v4
@theme {
--color-skydive: #61c0d4;
--color-skydive-50: #d8fdff;
--color-skydive-100: #c5f1fc;
--color-skydive-200: #a6dfee;
--color-skydive-300: #7dc4d6;
--color-skydive-400: #54adc0;
--color-skydive-500: #1b96ab;
--color-skydive-600: #1c7f91;
--color-skydive-700: #176674;
--color-skydive-800: #0c4b55;
--color-skydive-900: #08343b;
--color-skydive-950: #001f25;
}SCSS
$skydive: #61c0d4;
$skydive-rgb: 97, 192, 212;
$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);
}