Màu có tên gần nhất · #4DA7B8
#4DA7B8
Màu có tên gần nhất: Finnish Fiord
#4DA7B8 (rgb(77 167 184), hsl(190 43% 51%), oklch(0.68 0.089 211.8)) gần nhất với màu có tên Finnish Fiord. 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.
#4DA7B8
oklch(0.68 0.089 211.8)
Chuyển đổi màu
- HEX
- #4da7b8
- RGB
- rgb(77 167 184)
- HSL
- hsl(190 43% 51%)
- HWB
- hwb(190 30% 28%)
- OKLCH
- oklch(0.68 0.089 211.8)
- OKLab
- oklab(0.68 -0.075 -0.047)
- CIE Lab
- lab(63.56 -24.19 -17.4)
- LCH
- lch(63.56 29.8 215.7)
- CMYK
- cmyk(58% 9% 0% 28%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 62B0BF
- 75B9C6
- 87C1CD
- 99CAD4
- AAD3DB
- BBDCE2
- CCE4EA
- DDEDF1
- EEF6F8
Sắc đậm
- 4291A0
- 377B88
- 2C6671
- 22525B
- 183E45
- 0F2C31
- 071A1E
- 020A0C
- 000102
Sắc xám
- 55A3B2
- 5C9FAD
- 629CA7
- 6898A1
- 6D949C
- 719096
- 768C91
- 79888B
- 7D8486
Hòa sắc
Bổ túc +180°
- 4DA7B8
Finnish Fiord
- C98476
≈ Argyle Rose
Tương đồng -30° +30°
- 4DA7B8
Finnish Fiord
- 51AA9C
≈ Dragon Bay
- 659FCB
≈ Tantalise
Bộ ba +120° +240°
- 4DA7B8
Finnish Fiord
- B984B1
≈ Drama Violet
- AC9756
≈ Burnished Gold
Bổ túc chia +150° +210°
- 4DA7B8
Finnish Fiord
- C68194
≈ Cashmere Rose
- C08C5E
≈ Espresso Tonic
Bộ bốn +90° +180° +270°
- 4DA7B8
Finnish Fiord
- A28BC6
≈ Classic Bouquet
- C98476
≈ Argyle Rose
- 8FA162
≈ Zesty Apple
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.78:1 · APCA Lc 53
Ag
AAATrên nền đen
WCAG 7.53:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--finnish-fiord: #4da7b8;
--finnish-fiord-rgb: 77 167 184;
--finnish-fiord-oklch: oklch(0.68 0.089 211.8);
}
.element {
color: var(--finnish-fiord);
background-color: hsl(190 43% 51%);
border-color: oklch(0.68 0.089 211.8);
}Tailwind CSS v4
@theme {
--color-finnish-fiord: #4da7b8;
--color-finnish-fiord-50: #dafcff;
--color-finnish-fiord-100: #c7f0fa;
--color-finnish-fiord-200: #a9dfeb;
--color-finnish-fiord-300: #81c4d3;
--color-finnish-fiord-400: #59adbd;
--color-finnish-fiord-500: #2895a8;
--color-finnish-fiord-600: #257e8e;
--color-finnish-fiord-700: #1e6572;
--color-finnish-fiord-800: #124b53;
--color-finnish-fiord-900: #0c343a;
--color-finnish-fiord-950: #001f24;
}SCSS
$finnish-fiord: #4da7b8;
$finnish-fiord-rgb: 77, 167, 184;
$finnish-fiord-light: mix(#fff, $finnish-fiord, 20%);
$finnish-fiord-dark: mix(#000, $finnish-fiord, 20%);
.element {
color: $finnish-fiord;
box-shadow: 0 0 0 2px rgba($finnish-fiord, 0.35);
}