Najbliższy nazwany kolor · #105161
#105161
Najbliższy nazwany kolor: Plunge
#105161 (rgb(16 81 97), hsl(192 72% 22%), oklch(0.404 0.067 218.8)) jest najbliższy nazwanemu kolorowi Plunge. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#105161
oklch(0.404 0.067 218.8)
Konwersje koloru
- HEX
- #105161
- RGB
- rgb(16 81 97)
- HSL
- hsl(192 72% 22%)
- HWB
- hwb(192 6% 62%)
- OKLCH
- oklch(0.404 0.067 218.8)
- OKLab
- oklab(0.404 -0.052 -0.042)
- CIE Lab
- lab(31.2 -15.72 -15.37)
- LCH
- lch(31.2 21.98 224.4)
- CMYK
- cmyk(84% 16% 0% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2D6170
- 45717F
- 5B828E
- 72939D
- 89A4AD
- A0B6BD
- B7C8CD
- CFDADE
- E7ECEE
Odcienie ciemniejsze
- 0C4553
- 093A46
- 062F39
- 04242D
- 021A21
- 011015
- 00070B
- 000203
- 000000
Tony
- 215664
- 2E5B67
- 395F6B
- 44646E
- 4F6971
- 596D74
- 637277
- 6C777A
- 767B7D
Harmonie kolorów
Komplementarna +180°
- 105161
Plunge
- 673B2D
≈ In Caffeine We Trust
Analogowa -30° +30°
- 105161
Plunge
- 0A5450
≈ Cape Verde
- 2A4B6B
≈ Blue Tang
Triada +120° +240°
- 105161
Plunge
- 603A55
≈ Precious Jewels
- 52491A
≈ Codium Fragile
Komplementarna rozszczepiona +150° +210°
- 105161
Plunge
- 673941
≈ Purple Brown
- 60421D
≈ Pullman Brown
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.85:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.37:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.85:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--plunge: #105161;
--plunge-rgb: 16 81 97;
--plunge-oklch: oklch(0.404 0.067 218.8);
}
.element {
color: var(--plunge);
background-color: hsl(192 72% 22%);
border-color: oklch(0.404 0.067 218.8);
}Tailwind CSS v4
@theme {
--color-plunge: #105161;
--color-plunge-50: #e1faff;
--color-plunge-100: #d1eef8;
--color-plunge-200: #b6dbe8;
--color-plunge-300: #92c0d0;
--color-plunge-400: #70a8b9;
--color-plunge-500: #4f91a4;
--color-plunge-600: #437b8b;
--color-plunge-700: #36626f;
--color-plunge-800: #254851;
--color-plunge-900: #193239;
--color-plunge-950: #091e23;
}SCSS
$plunge: #105161;
$plunge-rgb: 16, 81, 97;
$plunge-light: mix(#fff, $plunge, 20%);
$plunge-dark: mix(#000, $plunge, 20%);
.element {
color: $plunge;
box-shadow: 0 0 0 2px rgba($plunge, 0.35);
}