Màu có tên gần nhất · #459D9F
#459D9F
Màu có tên gần nhất: Baltic
#459D9F (rgb(69 157 159), hsl(181 39% 45%), oklch(0.644 0.084 197.3)) 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.
#459D9F
oklch(0.644 0.084 197.3)
Chuyển đổi màu
- HEX
- #459d9f
- RGB
- rgb(69 157 159)
- HSL
- hsl(181 39% 45%)
- HWB
- hwb(181 27% 38%)
- OKLCH
- oklch(0.644 0.084 197.3)
- OKLab
- oklab(0.644 -0.08 -0.025)
- CIE Lab
- lab(59.52 -26.91 -9.48)
- LCH
- lch(59.52 28.53 199.4)
- CMYK
- cmyk(57% 1% 0% 38%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5BA7A8
- 6FB0B2
- 82BABB
- 94C4C5
- A6CECE
- B8D7D8
- CAE1E1
- DBEBEB
- EDF5F5
Sắc đậm
- 3B888A
- 317375
- 275F61
- 1E4C4D
- 153A3B
- 0C2829
- 051818
- 020909
- 000101
Sắc xám
- 4E9A9C
- 569799
- 5D9596
- 639293
- 698F8F
- 6E8C8C
- 738989
- 788686
- 7C8383
Hòa sắc
Bổ túc +180°
- 459D9F
Baltic
- BB787B
≈ Nipple
Tương đồng -30° +30°
Bộ ba +120° +240°
- 459D9F
Baltic
- A27DAF
≈ Design Delight
- AA8750
≈ Golden Cadillac
Bổ túc chia +150° +210°
- 459D9F
Baltic
- B37897
≈ Choral Singer
- B87D60
≈ Silken Chocolate
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.19:1 · APCA Lc 59
Ag
AATrên nền đen
WCAG 6.57:1 · APCA Lc 43
Màu chữ tốt nhất: #000000
WCAG 6.57:1 (AA) · APCA Lc 43
Contrast pairs
Đoạn mã
CSS
:root {
--baltic: #459d9f;
--baltic-rgb: 69 157 159;
--baltic-oklch: oklch(0.644 0.084 197.3);
}
.element {
color: var(--baltic);
background-color: hsl(181 39% 45%);
border-color: oklch(0.644 0.084 197.3);
}Tailwind CSS v4
@theme {
--color-baltic: #459d9f;
--color-baltic-50: #dbfdfe;
--color-baltic-100: #c8f1f3;
--color-baltic-200: #abe0e2;
--color-baltic-300: #83c5c8;
--color-baltic-400: #5daeb0;
--color-baltic-500: #2f9799;
--color-baltic-600: #2a8082;
--color-baltic-700: #226668;
--color-baltic-800: #164b4b;
--color-baltic-900: #0f3434;
--color-baltic-950: #022020;
}SCSS
$baltic: #459d9f;
$baltic-rgb: 69, 157, 159;
$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);
}