最接近的命名颜色 · #007F95
#007F95
最接近的命名颜色: Cruising
#007F95（rgb(0 127 149)、hsl(189 100% 29%)、oklch(0.549 0.097 215.5)）最接近命名颜色 Cruising。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#007F95
oklch(0.549 0.097 215.5)
颜色转换
- HEX
- #007f95
- RGB
- rgb(0 127 149)
- HSL
- hsl(189 100% 29%)
- HWB
- hwb(189 0% 42%)
- OKLCH
- oklch(0.549 0.097 215.5)
- OKLab
- oklab(0.549 -0.079 -0.056)
- CIE Lab
- lab(48.31 -24.31 -20.76)
- LCH
- lch(48.31 31.96 220.5)
- CMYK
- cmyk(100% 15% 0% 42%)
浅色调 · 深色调 · 灰色调
浅色调
- 338C9F
- 4E98AA
- 66A5B4
- 7DB1BF
- 93BEC9
- A8CBD4
- BED8DF
- D4E5E9
- E9F2F4
深色调
- 006E81
- 005D6D
- 004C5A
- 003C48
- 002D37
- 001F26
- 001116
- 000608
- 000101
灰色调
- 237F93
- 358091
- 42808F
- 4D808D
- 57808B
- 608089
- 698087
- 718085
- 788082
配色和谐
互补色 +180°
- 007F95
Cruising
- A25B49
≈ Cajun Red
类似色 -30° +30°
- 007F95
Cruising
- 008379
≈ Egyptian Green
- 3B76A6
≈ Decoration Blue
三角配色 +120° +240°
- 007F95
Cruising
- 945A87
≈ Plum Savour
- 837023
≈ Tarnished Brass
分裂互补色 +150° +210°
- 007F95
Cruising
- A05869
≈ Beef Jerky
- 98652D
≈ Woodgrain
四角配色 +90° +180° +270°
- 007F95
Cruising
- 7F629F
≈ Jubilee
- A25B49
≈ Cajun Red
- 647B38
≈ Mangrove Leaf
对比度与无障碍
Ag
AA白底
WCAG 4.69:1 · APCA Lc 72
Ag
Fail黑底
WCAG 4.46:1 · APCA Lc 30
最佳文字颜色: #FFFFFF
WCAG 4.69:1 (AA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--cruising: #007f95;
--cruising-rgb: 0 127 149;
--cruising-oklch: oklch(0.549 0.097 215.5);
}
.element {
color: var(--cruising);
background-color: hsl(189 100% 29%);
border-color: oklch(0.549 0.097 215.5);
}Tailwind CSS v4
@theme {
--color-cruising: #007f95;
--color-cruising-50: #d7fdff;
--color-cruising-100: #c4f1fd;
--color-cruising-200: #a5dff0;
--color-cruising-300: #7cc4d8;
--color-cruising-400: #51adc3;
--color-cruising-500: #1196af;
--color-cruising-600: #167f93;
--color-cruising-700: #126576;
--color-cruising-800: #094b57;
--color-cruising-900: #06343c;
--color-cruising-950: #001f26;
}SCSS
$cruising: #007f95;
$cruising-rgb: 0, 127, 149;
$cruising-light: mix(#fff, $cruising, 20%);
$cruising-dark: mix(#000, $cruising, 20%);
.element {
color: $cruising;
box-shadow: 0 0 0 2px rgba($cruising, 0.35);
}