Màu có tên gần nhất · #6B91AF
#6B91AF
Màu có tên gần nhất: Heavenly Sky
#6B91AF (rgb(107 145 175), hsl(206 30% 55%), oklch(0.64 0.062 242.7)) gần nhất với màu có tên Heavenly Sky. 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.
#6B91AF
oklch(0.64 0.062 242.7)
Chuyển đổi màu
- HEX
- #6b91af
- RGB
- rgb(107 145 175)
- HSL
- hsl(206 30% 55%)
- HWB
- hwb(206 42% 31%)
- OKLCH
- oklch(0.64 0.062 242.7)
- OKLab
- oklab(0.64 -0.028 -0.055)
- CIE Lab
- lab(58.2 -7.72 -20.27)
- LCH
- lch(58.2 21.69 249.1)
- CMYK
- cmyk(39% 17% 0% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 799CB7
- 88A6BF
- 96B1C7
- A5BCCF
- B4C7D7
- C2D2DF
- D1DDE7
- E0E8EF
- F0F4F7
Sắc đậm
- 5C7D98
- 4E6A81
- 3F586B
- 324656
- 253541
- 18252E
- 0D151C
- 04070B
- 000101
Sắc xám
- 6D8FAA
- 708EA6
- 728CA1
- 748A9C
- 768998
- 798793
- 7A858E
- 7C8489
- 7E8285
Hòa sắc
Bổ túc +180°
- 6B91AF
Heavenly Sky
- A88465
≈ Wooden Swing
Tương đồng -30° +30°
- 6B91AF
Heavenly Sky
- 5E96A2
≈ Lakeshore
- 7F8AB2
≈ Skysail Blue
Bộ ba +120° +240°
- 6B91AF
Heavenly Sky
- AD7D89
≈ Silken Raspberry
- 859369
≈ Green Eyes
Bổ túc chia +150° +210°
- 6B91AF
Heavenly Sky
- AE7F74
≈ Crushed Clay
- 998C60
≈ Woodstock
Bộ bốn +90° +180° +270°
- 6B91AF
Heavenly Sky
- A37E9D
≈ Pink Plumeria
- A88465
≈ Wooden Swing
- 70977A
≈ Club Moss
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.33:1 · APCA Lc 61
Ag
AATrên nền đen
WCAG 6.29:1 · APCA Lc 41
Màu chữ tốt nhất: #000000
WCAG 6.29:1 (AA) · APCA Lc 41
Contrast pairs
Đoạn mã
CSS
:root {
--heavenly-sky: #6b91af;
--heavenly-sky-rgb: 107 145 175;
--heavenly-sky-oklch: oklch(0.64 0.062 242.7);
}
.element {
color: var(--heavenly-sky);
background-color: hsl(206 30% 55%);
border-color: oklch(0.64 0.062 242.7);
}Tailwind CSS v4
@theme {
--color-heavenly-sky: #6b91af;
--color-heavenly-sky-50: #e7f8ff;
--color-heavenly-sky-100: #d7ebfc;
--color-heavenly-sky-200: #bfd8ed;
--color-heavenly-sky-300: #9ebbd5;
--color-heavenly-sky-400: #7fa3c0;
--color-heavenly-sky-500: #618bac;
--color-heavenly-sky-600: #537691;
--color-heavenly-sky-700: #425e75;
--color-heavenly-sky-800: #2f4556;
--color-heavenly-sky-900: #1f303c;
--color-heavenly-sky-950: #0f1c26;
}SCSS
$heavenly-sky: #6b91af;
$heavenly-sky-rgb: 107, 145, 175;
$heavenly-sky-light: mix(#fff, $heavenly-sky, 20%);
$heavenly-sky-dark: mix(#000, $heavenly-sky, 20%);
.element {
color: $heavenly-sky;
box-shadow: 0 0 0 2px rgba($heavenly-sky, 0.35);
}