Colore con nome · #658498
Tambua Bay
Tambua Bay è #658498: rgb(101 132 152), hsl(204 20% 50%), oklch(0.597 0.047 236.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Tambua Bay color name →
#658498
oklch(0.597 0.047 236.9)
Conversioni di colore
- HEX
- #658498
- RGB
- rgb(101 132 152)
- HSL
- hsl(204 20% 50%)
- HWB
- hwb(204 40% 40%)
- OKLCH
- oklch(0.597 0.047 236.9)
- OKLab
- oklab(0.597 -0.026 -0.039)
- CIE Lab
- lab(53.32 -7.57 -14.53)
- LCH
- lch(53.32 16.38 242.5)
- CMYK
- cmyk(34% 13% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 7490A2
- 829CAC
- 91A8B6
- A1B4C0
- B0C0CB
- BFCCD5
- CFD9DF
- DFE5EA
- EFF2F4
Ombre
- 577284
- 496070
- 3C4F5C
- 2F3F4A
- 222F38
- 172027
- 0C1217
- 030608
- 000101
Toni
- 688496
- 6B8393
- 6E8391
- 70838F
- 73828C
- 76828A
- 788187
- 7B8185
- 7E8082
Armonie di colore
Complementare +180°
- 658498
Tambua Bay
- 957964
≈ True Walnut
Analogo -30° +30°
- 658498
Tambua Bay
- 5E888D
≈ Dusty Turquoise
- 737F9C
≈ Country Blue
Triadico +120° +240°
- 658498
Tambua Bay
- 977480
≈ Dusk Wine
- 7D8364
≈ Flax Smoke
Complementare divisa +150° +210°
- 658498
Tambua Bay
- 997570
≈ Reddish Grey
- 8B7E5F
≈ Fingerpaint
Tetradico +90° +180° +270°
- 658498
Tambua Bay
- 8F768E
≈ Self Powered
- 957964
≈ True Walnut
- 6D876F
≈ Thyme and Place
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.95:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.30:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--tambua-bay: #658498;
--tambua-bay-rgb: 101 132 152;
--tambua-bay-oklch: oklch(0.597 0.047 236.9);
}
.element {
color: var(--tambua-bay);
background-color: hsl(204 20% 50%);
border-color: oklch(0.597 0.047 236.9);
}Tailwind CSS v4
@theme {
--color-tambua-bay: #658498;
--color-tambua-bay-50: #eaf7ff;
--color-tambua-bay-100: #daebf6;
--color-tambua-bay-200: #c3d8e6;
--color-tambua-bay-300: #a2bbcd;
--color-tambua-bay-400: #85a3b7;
--color-tambua-bay-500: #698ba2;
--color-tambua-bay-600: #597689;
--color-tambua-bay-700: #475e6d;
--color-tambua-bay-800: #334550;
--color-tambua-bay-900: #223038;
--color-tambua-bay-950: #111c23;
}SCSS
$tambua-bay: #658498;
$tambua-bay-rgb: 101, 132, 152;
$tambua-bay-light: mix(#fff, $tambua-bay, 20%);
$tambua-bay-dark: mix(#000, $tambua-bay, 20%);
.element {
color: $tambua-bay;
box-shadow: 0 0 0 2px rgba($tambua-bay, 0.35);
}