Màu có tên gần nhất · #527C92
#527C92
Màu có tên gần nhất: Whale Shark
#527C92 (rgb(82 124 146), hsl(201 28% 45%), oklch(0.564 0.058 232)) gần nhất với màu có tên Whale Shark. 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.
#527C92
oklch(0.564 0.058 232)
Chuyển đổi màu
- HEX
- #527c92
- RGB
- rgb(82 124 146)
- HSL
- hsl(201 28% 45%)
- HWB
- hwb(201 32% 43%)
- OKLCH
- oklch(0.564 0.058 232)
- OKLab
- oklab(0.564 -0.036 -0.045)
- CIE Lab
- lab(49.58 -10.49 -16.82)
- LCH
- lch(49.58 19.82 238)
- CMYK
- cmyk(44% 15% 0% 43%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 63889D
- 7495A7
- 84A2B2
- 95AFBD
- A6BCC8
- B8C9D3
- C9D6DE
- DBE4E9
- EDF1F4
Sắc đậm
- 466B7E
- 3B5A6B
- 2F4A58
- 253B46
- 1A2C35
- 111E25
- 081116
- 020508
- 000101
Sắc xám
- 577D90
- 5C7D8F
- 617D8D
- 667E8B
- 6A7E89
- 6F7F87
- 737F86
- 787F84
- 7C8082
Hòa sắc
Bổ túc +180°
- 527C92
Whale Shark
- 916C56
≈ Brownie Scout
Tương đồng -30° +30°
- 527C92
Whale Shark
- 4A8084
≈ Paradiso
- 637698
≈ Misty Harbour
Bộ ba +120° +240°
- 527C92
Whale Shark
- 916879
≈ Copper Pink
- 767951
≈ Bonsai
Bổ túc chia +150° +210°
- 527C92
Whale Shark
- 956866
≈ Clay Ridge
- 87734E
≈ Paddle Wheel
Bộ bốn +90° +180° +270°
- 527C92
Whale Shark
- 866B8A
≈ Beauty
- 916C56
≈ Brownie Scout
- 627F5F
≈ Silver Willow Green
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.50:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.65:1 · APCA Lc 30
Màu chữ tốt nhất: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Đoạn mã
CSS
:root {
--whale-shark: #527c92;
--whale-shark-rgb: 82 124 146;
--whale-shark-oklch: oklch(0.564 0.058 232);
}
.element {
color: var(--whale-shark);
background-color: hsl(201 28% 45%);
border-color: oklch(0.564 0.058 232);
}Tailwind CSS v4
@theme {
--color-whale-shark: #527c92;
--color-whale-shark-50: #e6f8ff;
--color-whale-shark-100: #d6ecf9;
--color-whale-shark-200: #bdd9ea;
--color-whale-shark-300: #9bbdd1;
--color-whale-shark-400: #7ca5bb;
--color-whale-shark-500: #5e8da6;
--color-whale-shark-600: #50788c;
--color-whale-shark-700: #406070;
--color-whale-shark-800: #2d4653;
--color-whale-shark-900: #1e313a;
--color-whale-shark-950: #0e1d24;
}SCSS
$whale-shark: #527c92;
$whale-shark-rgb: 82, 124, 146;
$whale-shark-light: mix(#fff, $whale-shark, 20%);
$whale-shark-dark: mix(#000, $whale-shark, 20%);
.element {
color: $whale-shark;
box-shadow: 0 0 0 2px rgba($whale-shark, 0.35);
}