Najbliższy nazwany kolor · #3C8086
#3C8086
Najbliższy nazwany kolor: Paradiso
#3C8086 (rgb(60 128 134), hsl(185 38% 38%), oklch(0.558 0.069 203.1)) jest najbliższy nazwanemu kolorowi Paradiso. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3C8086
oklch(0.558 0.069 203.1)
Konwersje koloru
- HEX
- #3c8086
- RGB
- rgb(60 128 134)
- HSL
- hsl(185 38% 38%)
- HWB
- hwb(185 24% 47%)
- OKLCH
- oklch(0.558 0.069 203.1)
- OKLab
- oklab(0.558 -0.064 -0.027)
- CIE Lab
- lab(49.41 -21.05 -10.21)
- LCH
- lch(49.41 23.4 205.9)
- CMYK
- cmyk(55% 4% 0% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 518C92
- 65989D
- 78A5A9
- 8BB1B5
- 9EBEC1
- B1CBCD
- C5D8D9
- D8E5E6
- EBF2F2
Odcienie ciemniejsze
- 336E74
- 2A5D62
- 214D51
- 193D40
- 112E30
- 0A1F21
- 041213
- 010606
- 000101
Tony
- 458085
- 4D8085
- 558084
- 5C8084
- 628083
- 698083
- 6F8082
- 758081
- 7A8081
Harmonie kolorów
Komplementarna +180°
- 3C8086
Paradiso
- 996461
≈ Roulette
Analogowa -30° +30°
- 3C8086
Paradiso
- 458170
≈ Aussie Surf
- 487B96
≈ Moody Teal
Triada +120° +240°
- 3C8086
Paradiso
- 88668C
≈ Sunshone Plum
- 887043
≈ Siam Gold
Komplementarna rozszczepiona +150° +210°
- 3C8086
Paradiso
- 946377
≈ Forest Berry
- 94694D
≈ Thrush
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.54:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.62:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
CSS
:root {
--paradiso: #3c8086;
--paradiso-rgb: 60 128 134;
--paradiso-oklch: oklch(0.558 0.069 203.1);
}
.element {
color: var(--paradiso);
background-color: hsl(185 38% 38%);
border-color: oklch(0.558 0.069 203.1);
}Tailwind CSS v4
@theme {
--color-paradiso: #3c8086;
--color-paradiso-50: #dffbff;
--color-paradiso-100: #ceeff3;
--color-paradiso-200: #b3dde2;
--color-paradiso-300: #8ec2c8;
--color-paradiso-400: #6babb1;
--color-paradiso-500: #47949b;
--color-paradiso-600: #3d7d83;
--color-paradiso-700: #316469;
--color-paradiso-800: #224a4c;
--color-paradiso-900: #173335;
--color-paradiso-950: #071f20;
}SCSS
$paradiso: #3c8086;
$paradiso-rgb: 60, 128, 134;
$paradiso-light: mix(#fff, $paradiso, 20%);
$paradiso-dark: mix(#000, $paradiso, 20%);
.element {
color: $paradiso;
box-shadow: 0 0 0 2px rgba($paradiso, 0.35);
}