Najbliższy nazwany kolor · #2B5F89
#2B5F89
Najbliższy nazwany kolor: Starry Night
#2B5F89 (rgb(43 95 137), hsl(207 52% 35%), oklch(0.47 0.088 245.6)) jest najbliższy nazwanemu kolorowi Starry Night. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#2B5F89
oklch(0.47 0.088 245.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 416E95
- 557EA1
- 6A8DAC
- 7E9DB8
- 93ADC4
- A8BDD0
- BDCDDB
- D3DEE7
- E9EEF3
Odcienie ciemniejsze
- 245276
- 1D4464
- 163853
- 102C42
- 0A2031
- 051522
- 020A14
- 010307
- 000001
Tony
- 356388
- 3F6688
- 476A87
- 506D86
- 587086
- 607385
- 687784
- 707A83
- 787D81
Harmonie kolorów
Komplementarna +180°
- 2B5F89
Starry Night
- 7C501D
≈ Milk Chocolate
Analogowa -30° +30°
- 2B5F89
Starry Night
- 006678
≈ Striking
- 4D568C
≈ Rich Violet
Triada +120° +240°
- 2B5F89
Starry Night
- 844453
≈ Sugar Beet
- 4F6328
≈ Tabbouleh Green
Komplementarna rozszczepiona +150° +210°
- 2B5F89
Starry Night
- 854737
≈ Deep Orange-Coloured Brown
- 6A5A13
≈ High Forest Green
Tetrada +90° +180° +270°
- 2B5F89
Starry Night
- 79476E
≈ Purple Passion
- 7C501D
≈ Milk Chocolate
- 2A6945
≈ Pumpkin Green
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.77:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.10:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.77:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
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);
}