Màu có tên · #52798D
Cayman Bay
Cayman Bay là #52798D: rgb(82 121 141), hsl(200 26% 44%), oklch(0.555 0.054 231.3). 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.
What does Blue mean? → · Cayman Bay color name →
#52798D
oklch(0.555 0.054 231.3)
Chuyển đổi màu
- HEX
- #52798d
- RGB
- rgb(82 121 141)
- HSL
- hsl(200 26% 44%)
- HWB
- hwb(200 32% 45%)
- OKLCH
- oklch(0.555 0.054 231.3)
- OKLab
- oklab(0.555 -0.034 -0.042)
- CIE Lab
- lab(48.51 -10.03 -15.51)
- LCH
- lch(48.51 18.47 237.1)
- CMYK
- cmyk(42% 14% 0% 45%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 638698
- 7393A3
- 84A0AE
- 95ADBA
- A6BAC5
- B8C8D0
- C9D5DC
- DBE3E7
- EDF1F3
Sắc đậm
- 46687A
- 3B5867
- 2F4855
- 253944
- 1A2B33
- 111D23
- 081014
- 020507
- 000101
Sắc xám
- 577A8C
- 5C7B8B
- 617B89
- 667C88
- 6A7D87
- 6F7D85
- 737E84
- 777F83
- 7C7F81
Hòa sắc
Bổ túc +180°
- 52798D
Cayman Bay
- 8D6A56
≈ Mocha Madness
Tương đồng -30° +30°
- 52798D
Cayman Bay
- 4B7D80
≈ Submerged
- 617493
≈ Columbus
Bộ ba +120° +240°
- 52798D
Cayman Bay
- 8C6677
≈ Sweet Violet
- 747651
≈ Secret Meadow
Bổ túc chia +150° +210°
- 52798D
Cayman Bay
- 906765
≈ Roseland
- 83704F
≈ Outrigger
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.68:1 · APCA Lc 73
Ag
FailTrên nền đen
WCAG 4.47:1 · APCA Lc 29
Màu chữ tốt nhất: #FFFFFF
WCAG 4.68:1 (AA) · APCA Lc 73
Contrast pairs
Đoạn mã
CSS
:root {
--cayman-bay: #52798d;
--cayman-bay-rgb: 82 121 141;
--cayman-bay-oklch: oklch(0.555 0.054 231.3);
}
.element {
color: var(--cayman-bay);
background-color: hsl(200 26% 44%);
border-color: oklch(0.555 0.054 231.3);
}Tailwind CSS v4
@theme {
--color-cayman-bay: #52798d;
--color-cayman-bay-50: #e7f8ff;
--color-cayman-bay-100: #d7ebf7;
--color-cayman-bay-200: #bfd9e8;
--color-cayman-bay-300: #9dbdcf;
--color-cayman-bay-400: #7fa5b9;
--color-cayman-bay-500: #618da4;
--color-cayman-bay-600: #53778a;
--color-cayman-bay-700: #425f6f;
--color-cayman-bay-800: #2f4651;
--color-cayman-bay-900: #1f3139;
--color-cayman-bay-950: #0f1d23;
}SCSS
$cayman-bay: #52798d;
$cayman-bay-rgb: 82, 121, 141;
$cayman-bay-light: mix(#fff, $cayman-bay, 20%);
$cayman-bay-dark: mix(#000, $cayman-bay, 20%);
.element {
color: $cayman-bay;
box-shadow: 0 0 0 2px rgba($cayman-bay, 0.35);
}