Color con nombre más cercano · #2B5F89
#2B5F89
Color con nombre más cercano: Starry Night
#2B5F89 (rgb(43 95 137), hsl(207 52% 35%), oklch(0.47 0.088 245.6)) se parece más al color con nombre Starry Night. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#2B5F89
oklch(0.47 0.088 245.6)
Conversiones de color
- HEX
- #2b5f89
- RGB
- rgb(43 95 137)
- HSL
- hsl(207 52% 35%)
- HWB
- hwb(207 17% 46%)
- OKLCH
- oklch(0.47 0.088 245.6)
- OKLab
- oklab(0.47 -0.036 -0.08)
- CIE Lab
- lab(38.3 -6.92 -28.98)
- LCH
- lch(38.3 29.8 256.6)
- CMYK
- cmyk(69% 31% 0% 46%)
Tintes · Sombras · Tonos
Tintes
- 416E95
- 557EA1
- 6A8DAC
- 7E9DB8
- 93ADC4
- A8BDD0
- BDCDDB
- D3DEE7
- E9EEF3
Sombras
- 245276
- 1D4464
- 163853
- 102C42
- 0A2031
- 051522
- 020A14
- 010307
- 000001
Tonos
- 356388
- 3F6688
- 476A87
- 506D86
- 587086
- 607385
- 687784
- 707A83
- 787D81
Armonías de color
Complementario +180°
- 2B5F89
Starry Night
- 7C501D
≈ Milk Chocolate
Análogo -30° +30°
- 2B5F89
Starry Night
- 006678
≈ Striking
- 4D568C
≈ Rich Violet
Triádico +120° +240°
- 2B5F89
Starry Night
- 844453
≈ Sugar Beet
- 4F6328
≈ Tabbouleh Green
Complementario dividido +150° +210°
- 2B5F89
Starry Night
- 854737
≈ Deep Orange-Coloured Brown
- 6A5A13
≈ High Forest Green
Tetrádico +90° +180° +270°
- 2B5F89
Starry Night
- 79476E
≈ Purple Passion
- 7C501D
≈ Milk Chocolate
- 2A6945
≈ Pumpkin Green
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.77:1 · APCA Lc 83
Ag
FailSobre negro
WCAG 3.10:1 · APCA Lc 19
Mejor color de texto: #FFFFFF
WCAG 6.77:1 (AA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--starry-night: #2b5f89;
--starry-night-rgb: 43 95 137;
--starry-night-oklch: oklch(0.47 0.088 245.6);
}
.element {
color: var(--starry-night);
background-color: hsl(207 52% 35%);
border-color: oklch(0.47 0.088 245.6);
}Tailwind CSS v4
@theme {
--color-starry-night: #2b5f89;
--color-starry-night-50: #e2f8ff;
--color-starry-night-100: #d1ebff;
--color-starry-night-200: #b7d8f9;
--color-starry-night-300: #94bce3;
--color-starry-night-400: #72a4d0;
--color-starry-night-500: #518cbd;
--color-starry-night-600: #46769f;
--color-starry-night-700: #375f80;
--color-starry-night-800: #26465f;
--color-starry-night-900: #193042;
--color-starry-night-950: #0a1c2b;
}SCSS
$starry-night: #2b5f89;
$starry-night-rgb: 43, 95, 137;
$starry-night-light: mix(#fff, $starry-night, 20%);
$starry-night-dark: mix(#000, $starry-night, 20%);
.element {
color: $starry-night;
box-shadow: 0 0 0 2px rgba($starry-night, 0.35);
}