Màu có tên gần nhất · #41A7BD
#41A7BD
Màu có tên gần nhất: True Sky Blue
#41A7BD (rgb(65 167 189), hsl(191 49% 50%), oklch(0.678 0.098 214.6)) 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.
#41A7BD
oklch(0.678 0.098 214.6)
Chuyển đổi màu
- HEX
- #41a7bd
- RGB
- rgb(65 167 189)
- HSL
- hsl(191 49% 50%)
- HWB
- hwb(191 25% 26%)
- OKLCH
- oklch(0.678 0.098 214.6)
- OKLab
- oklab(0.678 -0.081 -0.056)
- CIE Lab
- lab(63.31 -25.32 -20.58)
- LCH
- lch(63.31 32.63 219.1)
- CMYK
- cmyk(66% 12% 0% 26%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 59B0C4
- 6EB9CA
- 82C1D1
- 94CAD8
- A7D3DE
- B9DCE5
- CAE5EB
- DCEDF2
- EDF6F8
Sắc đậm
- 3791A4
- 2E7B8C
- 256674
- 1C525D
- 133E47
- 0B2C33
- 051A1F
- 010A0D
- 000102
Sắc xám
- 4CA3B7
- 559FB1
- 5D9CAB
- 6398A4
- 69949E
- 6F9098
- 748C92
- 78888C
- 7C8486
Hòa sắc
Bổ túc +180°
- 41A7BD
True Sky Blue
- CC816F
≈ Canyon Clay
Tương đồng -30° +30°
- 41A7BD
True Sky Blue
- 42AB9F
≈ Ambrosial Oceanside
- 619ED0
≈ Picton Blue
Bộ ba +120° +240°
- 41A7BD
True Sky Blue
- BD81B0
≈ Drama Violet
- AB974C
≈ Semi Opal
Bổ túc chia +150° +210°
- 41A7BD
True Sky Blue
- CB7E90
≈ Cashmere Rose
- C28B54
≈ Toffee Tart
Bộ bốn +90° +180° +270°
- 41A7BD
True Sky Blue
- A588C9
≈ Lilac Purple
- CC816F
≈ Canyon Clay
- 8AA25D
≈ Yanagizome Green
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 54
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: #41a7bd;
--true-sky-blue-rgb: 65 167 189;
--true-sky-blue-oklch: oklch(0.678 0.098 214.6);
}
.element {
color: var(--true-sky-blue);
background-color: hsl(191 49% 50%);
border-color: oklch(0.678 0.098 214.6);
}Tailwind CSS v4
@theme {
--color-true-sky-blue: #41a7bd;
--color-true-sky-blue-50: #d7fdff;
--color-true-sky-blue-100: #c4f1fd;
--color-true-sky-blue-200: #a5dfef;
--color-true-sky-blue-300: #7bc4d8;
--color-true-sky-blue-400: #50adc2;
--color-true-sky-blue-500: #0b96ae;
--color-true-sky-blue-600: #137f93;
--color-true-sky-blue-700: #106676;
--color-true-sky-blue-800: #074b56;
--color-true-sky-blue-900: #05343c;
--color-true-sky-blue-950: #001f26;
}SCSS
$true-sky-blue: #41a7bd;
$true-sky-blue-rgb: 65, 167, 189;
$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);
}