最接近的命名颜色 · #459D9F
#459D9F
最接近的命名颜色: Baltic
#459D9F（rgb(69 157 159)、hsl(181 39% 45%)、oklch(0.644 0.084 197.3)）最接近命名颜色 Baltic。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#459D9F
oklch(0.644 0.084 197.3)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- 5BA7A8
- 6FB0B2
- 82BABB
- 94C4C5
- A6CECE
- B8D7D8
- CAE1E1
- DBEBEB
- EDF5F5
深色调
- 3B888A
- 317375
- 275F61
- 1E4C4D
- 153A3B
- 0C2829
- 051818
- 020909
- 000101
灰色调
- 4E9A9C
- 569799
- 5D9596
- 639293
- 698F8F
- 6E8C8C
- 738989
- 788686
- 7C8383
配色和谐
互补色 +180°
- 459D9F
Baltic
- BB787B
≈ Nipple
类似色 -30° +30°
三角配色 +120° +240°
- 459D9F
Baltic
- A27DAF
≈ Design Delight
- AA8750
≈ Golden Cadillac
分裂互补色 +150° +210°
- 459D9F
Baltic
- B37897
≈ Choral Singer
- B87D60
≈ Silken Chocolate
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.19:1 · APCA Lc 59
Ag
AA黑底
WCAG 6.57:1 · APCA Lc 43
最佳文字颜色: #000000
WCAG 6.57:1 (AA) · APCA Lc 43
Contrast pairs
代码片段
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);
}