Colore con nome · #649C97
Canton
Canton è #649C97: rgb(100 156 151), hsl(175 22% 50%), oklch(0.652 0.06 188.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Canton color name →
#649C97
oklch(0.652 0.06 188.7)
Conversioni di colore
- HEX
- #649c97
- RGB
- rgb(100 156 151)
- HSL
- hsl(175 22% 50%)
- HWB
- hwb(175 39% 39%)
- OKLCH
- oklch(0.652 0.06 188.7)
- OKLab
- oklab(0.652 -0.059 -0.009)
- CIE Lab
- lab(60.38 -20.08 -3.54)
- LCH
- lch(60.38 20.39 190)
- CMYK
- cmyk(36% 0% 3% 39%)
Tinte · Ombre · Toni
Tinte
- 74A6A1
- 83AFAB
- 93B9B5
- A2C3BF
- B1CDCA
- C1D7D4
- D0E1DF
- E0EBE9
- EFF5F4
Ombre
- 568783
- 48736F
- 3B5F5C
- 2E4C49
- 223937
- 162826
- 0B1817
- 030908
- 000101
Toni
- 689995
- 6B9692
- 6E9490
- 71918E
- 748E8B
- 778B89
- 798987
- 7C8685
- 7E8382
Armonie di colore
Complementare +180°
- 649C97
Canton
- B18188
≈ Audrey’s Blush
Analogo -30° +30°
- 649C97
Canton
- 719B83
≈ Douglas Fir Green
- 6599A9
≈ Cloudy Sea
Triadico +120° +240°
- 649C97
Canton
- 9A86AC
≈ Celeb City
- A88A69
≈ Confidence
Complementare divisa +150° +210°
- 649C97
Canton
- A9829C
≈ Amazonian Orchid
- B18475
≈ Canyon Earth
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.11:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.74:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.74:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--canton: #649c97;
--canton-rgb: 100 156 151;
--canton-oklch: oklch(0.652 0.06 188.7);
}
.element {
color: var(--canton);
background-color: hsl(175 22% 50%);
border-color: oklch(0.652 0.06 188.7);
}Tailwind CSS v4
@theme {
--color-canton: #649c97;
--color-canton-50: #e3fbf9;
--color-canton-100: #d2efec;
--color-canton-200: #b8ddda;
--color-canton-300: #95c2be;
--color-canton-400: #75aaa5;
--color-canton-500: #55938e;
--color-canton-600: #487c78;
--color-canton-700: #3a6460;
--color-canton-800: #294946;
--color-canton-900: #1b3330;
--color-canton-950: #0b1e1c;
}SCSS
$canton: #649c97;
$canton-rgb: 100, 156, 151;
$canton-light: mix(#fff, $canton, 20%);
$canton-dark: mix(#000, $canton, 20%);
.element {
color: $canton;
box-shadow: 0 0 0 2px rgba($canton, 0.35);
}