Nazwany kolor · #70859B
Merman
Merman to #70859B: rgb(112 133 155), hsl(211 18% 52%), oklch(0.608 0.041 249.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Merman color name →
#70859B
oklch(0.608 0.041 249.7)
Konwersje koloru
- HEX
- #70859b
- RGB
- rgb(112 133 155)
- HSL
- hsl(211 18% 52%)
- HWB
- hwb(211 44% 39%)
- OKLCH
- oklch(0.608 0.041 249.7)
- OKLab
- oklab(0.608 -0.014 -0.039)
- CIE Lab
- lab(54.46 -3.88 -14.46)
- LCH
- lch(54.46 14.98 255)
- CMYK
- cmyk(28% 14% 0% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7D91A5
- 8B9CAE
- 99A8B8
- A7B4C2
- B5C0CC
- C4CDD6
- D2D9E0
- E1E6EA
- F0F2F5
Odcienie ciemniejsze
- 607386
- 516172
- 43505E
- 35404B
- 273039
- 1A2128
- 0E1318
- 040609
- 010101
Tony
- 728598
- 738496
- 758493
- 778390
- 78838E
- 7A828B
- 7B8288
- 7D8185
- 7E8183
Harmonie kolorów
Komplementarna +180°
- 70859B
Merman
- 937F68
≈ Weathered Shingle
Analogowa -30° +30°
- 70859B
Merman
- 678994
≈ Horizon
- 7D809C
≈ Blue Intrigue
Triada +120° +240°
- 70859B
Merman
- 9A797D
≈ Bohemian Jazz
- 7A886E
≈ Winter Hedge
Komplementarna rozszczepiona +150° +210°
- 70859B
Merman
- 997B70
≈ Soft Cocoa
- 888367
≈ Bandicoot
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.80:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.51:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.51:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--merman: #70859b;
--merman-rgb: 112 133 155;
--merman-oklch: oklch(0.608 0.041 249.7);
}
.element {
color: var(--merman);
background-color: hsl(211 18% 52%);
border-color: oklch(0.608 0.041 249.7);
}Tailwind CSS v4
@theme {
--color-merman: #70859b;
--color-merman-50: #edf6ff;
--color-merman-100: #dee9f6;
--color-merman-200: #c8d6e6;
--color-merman-300: #a8b9cd;
--color-merman-400: #8ca1b7;
--color-merman-500: #7289a1;
--color-merman-600: #607488;
--color-merman-700: #4d5d6d;
--color-merman-800: #374450;
--color-merman-900: #262f38;
--color-merman-950: #141b22;
}SCSS
$merman: #70859b;
$merman-rgb: 112, 133, 155;
$merman-light: mix(#fff, $merman, 20%);
$merman-dark: mix(#000, $merman, 20%);
.element {
color: $merman;
box-shadow: 0 0 0 2px rgba($merman, 0.35);
}