Colore con nome · #659B97
Semi-Precious
Semi-Precious è #659B97: rgb(101 155 151), hsl(176 21% 50%), oklch(0.651 0.058 189.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Semi-Precious color name →
#659B97
oklch(0.651 0.058 189.9)
Conversioni di colore
- HEX
- #659b97
- RGB
- rgb(101 155 151)
- HSL
- hsl(176 21% 50%)
- HWB
- hwb(176 40% 39%)
- OKLCH
- oklch(0.651 0.058 189.9)
- OKLab
- oklab(0.651 -0.057 -0.01)
- CIE Lab
- lab(60.13 -19.3 -3.89)
- LCH
- lch(60.13 19.69 191.4)
- CMYK
- cmyk(35% 0% 3% 39%)
Tinte · Ombre · Toni
Tinte
- 75A5A1
- 84AEAB
- 93B8B5
- A2C2BF
- B2CCCA
- C1D6D4
- D0E0DF
- E0EAE9
- EFF5F4
Ombre
- 578683
- 49726F
- 3C5E5C
- 2F4B49
- 223937
- 172826
- 0C1817
- 030908
- 000101
Toni
- 699895
- 6C9692
- 6F9390
- 72908E
- 758E8B
- 778B89
- 7A8887
- 7C8585
- 7E8382
Armonie di colore
Complementare +180°
- 659B97
Semi-Precious
- AF8187
≈ Audrey’s Blush
Analogo -30° +30°
- 659B97
Semi-Precious
- 719B83
≈ Douglas Fir Green
- 6798A8
≈ Cloudy Sea
Triadico +120° +240°
- 659B97
Semi-Precious
- 9A86AA
≈ Celeb City
- A68A69
≈ Coffee With Cream
Complementare divisa +150° +210°
- 659B97
Semi-Precious
- A8829B
≈ Bouquet
- AF8475
≈ Canyon Earth
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.13:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.68:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--semi-precious: #659b97;
--semi-precious-rgb: 101 155 151;
--semi-precious-oklch: oklch(0.651 0.058 189.9);
}
.element {
color: var(--semi-precious);
background-color: hsl(176 21% 50%);
border-color: oklch(0.651 0.058 189.9);
}Tailwind CSS v4
@theme {
--color-semi-precious: #659b97;
--color-semi-precious-50: #e3fbf9;
--color-semi-precious-100: #d3eeed;
--color-semi-precious-200: #b9ddda;
--color-semi-precious-300: #96c1bf;
--color-semi-precious-400: #76aaa6;
--color-semi-precious-500: #56938e;
--color-semi-precious-600: #4a7c79;
--color-semi-precious-700: #3b6360;
--color-semi-precious-800: #2a4946;
--color-semi-precious-900: #1c3330;
--color-semi-precious-950: #0c1e1d;
}SCSS
$semi-precious: #659b97;
$semi-precious-rgb: 101, 155, 151;
$semi-precious-light: mix(#fff, $semi-precious, 20%);
$semi-precious-dark: mix(#000, $semi-precious, 20%);
.element {
color: $semi-precious;
box-shadow: 0 0 0 2px rgba($semi-precious, 0.35);
}