Màu có tên gần nhất · #35979F
#35979F
Màu có tên gần nhất: Baltic
#35979F (rgb(53 151 159), hsl(185 50% 42%), oklch(0.624 0.09 202.9)) 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.
#35979F
oklch(0.624 0.09 202.9)
Chuyển đổi màu
- HEX
- #35979f
- RGB
- rgb(53 151 159)
- HSL
- hsl(185 50% 42%)
- HWB
- hwb(185 21% 38%)
- OKLCH
- oklch(0.624 0.09 202.9)
- OKLab
- oklab(0.624 -0.083 -0.035)
- CIE Lab
- lab(57.15 -27.29 -13.06)
- LCH
- lch(57.15 30.26 205.6)
- CMYK
- cmyk(67% 5% 0% 38%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 4FA1A8
- 65ACB2
- 79B6BB
- 8DC0C5
- A0CBCE
- B3D5D8
- C6DFE2
- D9EAEB
- ECF4F5
Sắc đậm
- 2D838A
- 256F75
- 1D5C61
- 15494D
- 0E373B
- 082629
- 031718
- 010809
- 000101
Sắc xám
- 42959C
- 4C9399
- 559196
- 5D8E93
- 648C90
- 6A8A8C
- 708789
- 768586
- 7B8383
Hòa sắc
Bổ túc +180°
- 35979F
Baltic
- B7716E
≈ Terra Tone
Tương đồng -30° +30°
- 35979F
Baltic
- 459982
≈ Greenway
- 4990B4
≈ Atlantic Gull
Bộ ba +120° +240°
- 35979F
Baltic
- A175A7
≈ Karma Chameleon
- A28244
≈ Tau Sept Ochre
Bổ túc chia +150° +210°
- 35979F
Baltic
- B1708C
≈ Mauve Orchid
- B27853
≈ Apricot Mix
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.45:1 · APCA Lc 62
Ag
AATrên nền đen
WCAG 6.07:1 · APCA Lc 40
Màu chữ tốt nhất: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
Đoạn mã
CSS
:root {
--baltic: #35979f;
--baltic-rgb: 53 151 159;
--baltic-oklch: oklch(0.624 0.09 202.9);
}
.element {
color: var(--baltic);
background-color: hsl(185 50% 42%);
border-color: oklch(0.624 0.09 202.9);
}Tailwind CSS v4
@theme {
--color-baltic: #35979f;
--color-baltic-50: #d9fdff;
--color-baltic-100: #c6f1f6;
--color-baltic-200: #a7e0e6;
--color-baltic-300: #7fc5cd;
--color-baltic-400: #56aeb6;
--color-baltic-500: #2097a0;
--color-baltic-600: #208087;
--color-baltic-700: #1a666d;
--color-baltic-800: #104b4f;
--color-baltic-900: #0a3437;
--color-baltic-950: #002022;
}SCSS
$baltic: #35979f;
$baltic-rgb: 53, 151, 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);
}