Colore con nome · #8BB6B8
Summit
Summit è #8BB6B8: rgb(139 182 184), hsl(183 24% 63%), oklch(0.746 0.046 199.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Summit color name →
#8BB6B8
oklch(0.746 0.046 199.8)
Conversioni di colore
- HEX
- #8bb6b8
- RGB
- rgb(139 182 184)
- HSL
- hsl(183 24% 63%)
- HWB
- hwb(183 55% 28%)
- OKLCH
- oklch(0.746 0.046 199.8)
- OKLab
- oklab(0.746 -0.043 -0.016)
- CIE Lab
- lab(71 -14.52 -5.97)
- LCH
- lch(71 15.7 202.3)
- CMYK
- cmyk(24% 1% 0% 28%)
Tinte · Ombre · Toni
Tinte
- 97BDBF
- A2C4C6
- AECCCD
- B9D3D4
- C5DADB
- D0E1E2
- DCE9E9
- E8F0F0
- F3F8F8
Ombre
- 789EA0
- 668688
- 546F71
- 43595B
- 324445
- 233031
- 141D1E
- 070C0C
- 010202
Toni
- 8AB0B2
- 89ABAD
- 89A6A7
- 88A0A1
- 869B9C
- 859596
- 849090
- 838B8B
- 818585
Armonie di colore
Complementare +180°
- 8BB6B8
Summit
- C8A2A1
≈ Lady Guinevere
Analogo -30° +30°
- 8BB6B8
Summit
- 91B7A8
≈ Treetop
- 90B3C4
≈ Bright Bluebonnet
Triadico +120° +240°
- 8BB6B8
Summit
- BAA4BF
≈ Viola Sororia
- BCAA8C
≈ Bamboo Screen
Complementare divisa +150° +210°
- 8BB6B8
Summit
- C4A1B1
≈ Shady Pink
- C6A593
≈ Moenkopi Soil
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.21:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.48:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.48:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--summit: #8bb6b8;
--summit-rgb: 139 182 184;
--summit-oklch: oklch(0.746 0.046 199.8);
}
.element {
color: var(--summit);
background-color: hsl(183 24% 63%);
border-color: oklch(0.746 0.046 199.8);
}Tailwind CSS v4
@theme {
--color-summit: #8bb6b8;
--color-summit-50: #e7f9fb;
--color-summit-100: #d7edee;
--color-summit-200: #bfdbdc;
--color-summit-300: #9dbfc1;
--color-summit-400: #7fa7a9;
--color-summit-500: #619092;
--color-summit-600: #537a7b;
--color-summit-700: #426163;
--color-summit-800: #2f4748;
--color-summit-900: #203132;
--color-summit-950: #0f1d1e;
}SCSS
$summit: #8bb6b8;
$summit-rgb: 139, 182, 184;
$summit-light: mix(#fff, $summit, 20%);
$summit-dark: mix(#000, $summit, 20%);
.element {
color: $summit;
box-shadow: 0 0 0 2px rgba($summit, 0.35);
}