Color con nombre más cercano · #007F95
#007F95
Color con nombre más cercano: Cruising
#007F95 (rgb(0 127 149), hsl(189 100% 29%), oklch(0.549 0.097 215.5)) se parece más al color con nombre Cruising. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#007F95
oklch(0.549 0.097 215.5)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 338C9F
- 4E98AA
- 66A5B4
- 7DB1BF
- 93BEC9
- A8CBD4
- BED8DF
- D4E5E9
- E9F2F4
Sombras
- 006E81
- 005D6D
- 004C5A
- 003C48
- 002D37
- 001F26
- 001116
- 000608
- 000101
Tonos
- 237F93
- 358091
- 42808F
- 4D808D
- 57808B
- 608089
- 698087
- 718085
- 788082
Armonías de color
Complementario +180°
- 007F95
Cruising
- A25B49
≈ Cajun Red
Análogo -30° +30°
- 007F95
Cruising
- 008379
≈ Egyptian Green
- 3B76A6
≈ Decoration Blue
Triádico +120° +240°
- 007F95
Cruising
- 945A87
≈ Plum Savour
- 837023
≈ Tarnished Brass
Complementario dividido +150° +210°
- 007F95
Cruising
- A05869
≈ Beef Jerky
- 98652D
≈ Woodgrain
Tetrádico +90° +180° +270°
- 007F95
Cruising
- 7F629F
≈ Jubilee
- A25B49
≈ Cajun Red
- 647B38
≈ Mangrove Leaf
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.69:1 · APCA Lc 72
Ag
FailSobre negro
WCAG 4.46:1 · APCA Lc 30
Mejor color de texto: #FFFFFF
WCAG 4.69:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
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);
}