Màu có tên gần nhất · #009DA7
#009DA7
Màu có tên gần nhất: Baltic
#009DA7 (rgb(0 157 167), hsl(184 100% 33%), oklch(0.634 0.108 202.8)) gần nhất với màu có tên Baltic. 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.
#009DA7
oklch(0.634 0.108 202.8)
Chuyển đổi màu
- HEX
- #009da7
- RGB
- rgb(0 157 167)
- HSL
- hsl(184 100% 33%)
- HWB
- hwb(184 0% 35%)
- OKLCH
- oklch(0.634 0.108 202.8)
- OKLab
- oklab(0.634 -0.1 -0.042)
- CIE Lab
- lab(58.52 -32.76 -15.63)
- LCH
- lch(58.52 36.3 205.5)
- CMYK
- cmyk(100% 6% 0% 35%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3AA7B0
- 57B1B8
- 6FBAC1
- 85C4CA
- 9ACED2
- AFD8DB
- C3E2E4
- D7EBED
- EBF5F6
Sắc đậm
- 008891
- 00737B
- 005F66
- 004C52
- 003A3E
- 00282C
- 00181A
- 00090A
- 000101
Sắc xám
- 299AA3
- 3C989F
- 49959B
- 549297
- 5D8F94
- 658C90
- 6D898C
- 748688
- 7A8384
Hòa sắc
Bổ túc +180°
- 009DA7
Baltic
- C36F6B
≈ Contessa
Tương đồng -30° +30°
- 009DA7
Baltic
- 2F9F84
≈ Gossamer
- 3895C1
≈ Opalescent
Bộ ba +120° +240°
- 009DA7
Baltic
- AA73B0
≈ Berry Burst
- AA8433
≈ Garden Sprout
Bổ túc chia +150° +210°
- 009DA7
Baltic
- BC6E90
≈ Pinky Pickle
- BD7749
≈ Monarch Migration
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.29:1 · APCA Lc 60
Ag
AATrên nền đen
WCAG 6.38:1 · APCA Lc 42
Màu chữ tốt nhất: #000000
WCAG 6.38:1 (AA) · APCA Lc 42
Contrast pairs
Đoạn mã
CSS
:root {
--baltic: #009da7;
--baltic-rgb: 0 157 167;
--baltic-oklch: oklch(0.634 0.108 202.8);
}
.element {
color: var(--baltic);
background-color: hsl(184 100% 33%);
border-color: oklch(0.634 0.108 202.8);
}Tailwind CSS v4
@theme {
--color-baltic: #009da7;
--color-baltic-50: #d2ffff;
--color-baltic-100: #bef3f9;
--color-baltic-200: #9de2ea;
--color-baltic-300: #6fc8d1;
--color-baltic-400: #3cb1ba;
--color-baltic-500: #009aa5;
--color-baltic-600: #00828c;
--color-baltic-700: #006870;
--color-baltic-800: #004d51;
--color-baltic-900: #003639;
--color-baltic-950: #002123;
}SCSS
$baltic: #009da7;
$baltic-rgb: 0, 157, 167;
$baltic-light: mix(#fff, $baltic, 20%);
$baltic-dark: mix(#000, $baltic, 20%);
.element {
color: $baltic;
box-shadow: 0 0 0 2px rgba($baltic, 0.35);
}