Màu có tên gần nhất · #52B297
#52B297
Màu có tên gần nhất: Hole in One
#52B297 (rgb(82 178 151), hsl(163 38% 51%), oklch(0.698 0.1 172.3)) gần nhất với màu có tên Hole in One. 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.
#52B297
oklch(0.698 0.1 172.3)
Chuyển đổi màu
- HEX
- #52b297
- RGB
- rgb(82 178 151)
- HSL
- hsl(163 38% 51%)
- HWB
- hwb(163 32% 30%)
- OKLCH
- oklch(0.698 0.1 172.3)
- OKLab
- oklab(0.698 -0.099 0.013)
- CIE Lab
- lab(66.27 -34.7 4.81)
- LCH
- lch(66.27 35.03 172.1)
- CMYK
- cmyk(54% 0% 15% 30%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 67BAA1
- 79C1AB
- 8BC9B5
- 9CD1BF
- ADD9CA
- BEE0D4
- CEE8DF
- DEF0E9
- EFF7F4
Sắc đậm
- 469A83
- 3B836F
- 2F6D5C
- 255749
- 1A4337
- 112F26
- 081D17
- 020C08
- 000101
Sắc xám
- 5AAD95
- 60A892
- 66A390
- 6B9E8E
- 70998B
- 749489
- 778F87
- 7A8A85
- 7D8582
Hòa sắc
Bổ túc +180°
- 52B297
Hole in One
- CE83A4
≈ Heirloom Rose
Tương đồng -30° +30°
- 52B297
Hole in One
- 79AE74
≈ Alfalfa Bug
- 40B0B9
≈ Thalassa
Bộ ba +120° +240°
- 52B297
Hole in One
- 9F92D7
≈ Middy’s Purple
- CF8C62
≈ Grounded
Bổ túc chia +150° +210°
- 52B297
Hole in One
- BB89C3
≈ Creeping Bellflower
- D58481
≈ Salmon Pate
Bộ bốn +90° +180° +270°
- 52B297
Hole in One
- 7C9EDC
≈ Wisteria Blue
- CE83A4
≈ Heirloom Rose
- BD9851
≈ Base Sand
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.56:1 · APCA Lc 50
Ag
AAATrên nền đen
WCAG 8.17:1 · APCA Lc 52
Màu chữ tốt nhất: #000000
WCAG 8.17:1 (AAA) · APCA Lc 52
Contrast pairs
Đoạn mã
CSS
:root {
--hole-in-one: #52b297;
--hole-in-one-rgb: 82 178 151;
--hole-in-one-oklch: oklch(0.698 0.1 172.3);
}
.element {
color: var(--hole-in-one);
background-color: hsl(163 38% 51%);
border-color: oklch(0.698 0.1 172.3);
}Tailwind CSS v4
@theme {
--color-hole-in-one: #52b297;
--color-hole-in-one-50: #d9fff3;
--color-hole-in-one-100: #c6f3e5;
--color-hole-in-one-200: #a8e3d1;
--color-hole-in-one-300: #7fc9b4;
--color-hole-in-one-400: #58b298;
--color-hole-in-one-500: #259b7f;
--color-hole-in-one-600: #23836b;
--color-hole-in-one-700: #1c6956;
--color-hole-in-one-800: #144d3d;
--color-hole-in-one-900: #0d362a;
--color-hole-in-one-950: #012118;
}SCSS
$hole-in-one: #52b297;
$hole-in-one-rgb: 82, 178, 151;
$hole-in-one-light: mix(#fff, $hole-in-one, 20%);
$hole-in-one-dark: mix(#000, $hole-in-one, 20%);
.element {
color: $hole-in-one;
box-shadow: 0 0 0 2px rgba($hole-in-one, 0.35);
}