Warna bernama terdekat · #105161
#105161
Warna bernama terdekat: Plunge
#105161 (rgb(16 81 97), hsl(192 72% 22%), oklch(0.404 0.067 218.8)) paling mendekati warna bernama Plunge. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#105161
oklch(0.404 0.067 218.8)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 2D6170
- 45717F
- 5B828E
- 72939D
- 89A4AD
- A0B6BD
- B7C8CD
- CFDADE
- E7ECEE
Shade
- 0C4553
- 093A46
- 062F39
- 04242D
- 021A21
- 011015
- 00070B
- 000203
- 000000
Tone
- 215664
- 2E5B67
- 395F6B
- 44646E
- 4F6971
- 596D74
- 637277
- 6C777A
- 767B7D
Harmoni warna
Komplementer +180°
- 105161
Plunge
- 673B2D
≈ In Caffeine We Trust
Analog -30° +30°
- 105161
Plunge
- 0A5450
≈ Cape Verde
- 2A4B6B
≈ Blue Tang
Triadik +120° +240°
- 105161
Plunge
- 603A55
≈ Precious Jewels
- 52491A
≈ Codium Fragile
Split-komplementer +150° +210°
- 105161
Plunge
- 673941
≈ Purple Brown
- 60421D
≈ Pullman Brown
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 8.85:1 · APCA Lc 90
Ag
FailDi atas hitam
WCAG 2.37:1 · APCA Lc 12
Warna teks terbaik: #FFFFFF
WCAG 8.85:1 (AAA) · APCA Lc 90
Contrast pairs
Cuplikan kode
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);
}