Colore con nome · #52706C
Stone Bridge
Stone Bridge è #52706C: rgb(82 112 108), hsl(172 15% 38%), oklch(0.521 0.035 186). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Stone Bridge color name →
#52706C
oklch(0.521 0.035 186)
Conversioni di colore
- HEX
- #52706c
- RGB
- rgb(82 112 108)
- HSL
- hsl(172 15% 38%)
- HWB
- hwb(172 32% 56%)
- OKLCH
- oklch(0.521 0.035 186)
- OKLab
- oklab(0.521 -0.035 -0.004)
- CIE Lab
- lab(44.8 -12 -1.5)
- LCH
- lch(44.8 12.1 187.1)
- CMYK
- cmyk(27% 0% 4% 56%)
Tinte · Ombre · Toni
Tinte
- 627D7A
- 738B87
- 839996
- 94A7A4
- A5B5B3
- B7C3C2
- C8D2D1
- DAE1E0
- EDF0EF
Ombre
- 46605D
- 3B514E
- 2F4340
- 253532
- 1A2725
- 111A19
- 080E0D
- 020404
- 000100
Toni
- 57726E
- 5C7370
- 607572
- 657674
- 697876
- 6E7A78
- 737B7A
- 777D7C
- 7C7E7E
Armonie di colore
Complementare +180°
- 52706C
Stone Bridge
- 7C6166
≈ Pretty Puce
Analogo -30° +30°
- 52706C
Stone Bridge
- 596F61
≈ Army Canvas
- 526F76
≈ Blue Sentinel
Triadico +120° +240°
- 52706C
Stone Bridge
- 6E647A
≈ Victorian Iris
- 786554
≈ Cobble Brown
Complementare divisa +150° +210°
- 52706C
Stone Bridge
- 776271
≈ Ephemera
- 7C625B
≈ Ranch House
Tetradico +90° +180° +270°
- 52706C
Stone Bridge
- 63687E
≈ Violet Evening
- 7C6166
≈ Pretty Puce
- 6F6952
≈ Mysterious Moss
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.39:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.89:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.39:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--stone-bridge: #52706c;
--stone-bridge-rgb: 82 112 108;
--stone-bridge-oklch: oklch(0.521 0.035 186);
}
.element {
color: var(--stone-bridge);
background-color: hsl(172 15% 38%);
border-color: oklch(0.521 0.035 186);
}Tailwind CSS v4
@theme {
--color-stone-bridge: #52706c;
--color-stone-bridge-50: #eaf9f7;
--color-stone-bridge-100: #dbecea;
--color-stone-bridge-200: #c4d9d7;
--color-stone-bridge-300: #a4bebb;
--color-stone-bridge-400: #88a6a1;
--color-stone-bridge-500: #6c8e8a;
--color-stone-bridge-600: #5c7874;
--color-stone-bridge-700: #49605d;
--color-stone-bridge-800: #354744;
--color-stone-bridge-900: #24312f;
--color-stone-bridge-950: #131d1b;
}SCSS
$stone-bridge: #52706c;
$stone-bridge-rgb: 82, 112, 108;
$stone-bridge-light: mix(#fff, $stone-bridge, 20%);
$stone-bridge-dark: mix(#000, $stone-bridge, 20%);
.element {
color: $stone-bridge;
box-shadow: 0 0 0 2px rgba($stone-bridge, 0.35);
}