Colore con nome · #3B6A7A
Mammoth Mountain
Mammoth Mountain è #3B6A7A: rgb(59 106 122), hsl(195 35% 35%), oklch(0.497 0.057 222.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Mammoth Mountain color name →
#3B6A7A
oklch(0.497 0.057 222.1)
Conversioni di colore
- HEX
- #3b6a7a
- RGB
- rgb(59 106 122)
- HSL
- hsl(195 35% 35%)
- HWB
- hwb(195 23% 52%)
- OKLCH
- oklch(0.497 0.057 222.1)
- OKLab
- oklab(0.497 -0.042 -0.038)
- CIE Lab
- lab(41.98 -13.11 -14.23)
- LCH
- lch(41.98 19.35 227.4)
- CMYK
- cmyk(52% 13% 0% 52%)
Tinte · Ombre · Toni
Tinte
- 4E7887
- 618693
- 7495A0
- 87A3AD
- 9BB2BB
- AEC1C8
- C2D0D6
- D6E0E3
- EAEFF1
Ombre
- 325B69
- 294D59
- 213F49
- 19313A
- 11242B
- 09181D
- 040D10
- 010405
- 000001
Toni
- 436C7B
- 4A6F7B
- 52717C
- 59737D
- 5F757D
- 66777E
- 6D7A7E
- 737C7F
- 7A7E80
Armonie di colore
Complementare +180°
- 3B6A7A
Mammoth Mountain
- 7F5849
≈ Wooden Wagon
Analogo -30° +30°
- 3B6A7A
Mammoth Mountain
- 376D6B
≈ Deep Pool Teal
- 4B6583
≈ Luxe Blue
Triadico +120° +240°
- 3B6A7A
Mammoth Mountain
- 7A566C
≈ Exotic Orchid
- 69643D
≈ Ocean Weed
Complementare divisa +150° +210°
- 3B6A7A
Mammoth Mountain
- 80555A
≈ Rose Branch
- 775D3D
≈ Nut Oil
Tetradico +90° +180° +270°
- 3B6A7A
Mammoth Mountain
- 6E597A
≈ Princely Violet
- 7F5849
≈ Wooden Wagon
- 566A47
≈ Pacific Pine
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.95:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.52:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--mammoth-mountain: #3b6a7a;
--mammoth-mountain-rgb: 59 106 122;
--mammoth-mountain-oklch: oklch(0.497 0.057 222.1);
}
.element {
color: var(--mammoth-mountain);
background-color: hsl(195 35% 35%);
border-color: oklch(0.497 0.057 222.1);
}Tailwind CSS v4
@theme {
--color-mammoth-mountain: #3b6a7a;
--color-mammoth-mountain-50: #e5f9ff;
--color-mammoth-mountain-100: #d4edf6;
--color-mammoth-mountain-200: #bbdae7;
--color-mammoth-mountain-300: #99becd;
--color-mammoth-mountain-400: #79a7b7;
--color-mammoth-mountain-500: #5a8fa2;
--color-mammoth-mountain-600: #4d7989;
--color-mammoth-mountain-700: #3d616d;
--color-mammoth-mountain-800: #2b4750;
--color-mammoth-mountain-900: #1d3138;
--color-mammoth-mountain-950: #0d1d22;
}SCSS
$mammoth-mountain: #3b6a7a;
$mammoth-mountain-rgb: 59, 106, 122;
$mammoth-mountain-light: mix(#fff, $mammoth-mountain, 20%);
$mammoth-mountain-dark: mix(#000, $mammoth-mountain, 20%);
.element {
color: $mammoth-mountain;
box-shadow: 0 0 0 2px rgba($mammoth-mountain, 0.35);
}