Nazwany kolor · #649C97
Canton
Canton to #649C97: rgb(100 156 151), hsl(175 22% 50%), oklch(0.652 0.06 188.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Canton color name →
#649C97
oklch(0.652 0.06 188.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 74A6A1
- 83AFAB
- 93B9B5
- A2C3BF
- B1CDCA
- C1D7D4
- D0E1DF
- E0EBE9
- EFF5F4
Odcienie ciemniejsze
- 568783
- 48736F
- 3B5F5C
- 2E4C49
- 223937
- 162826
- 0B1817
- 030908
- 000101
Tony
- 689995
- 6B9692
- 6E9490
- 71918E
- 748E8B
- 778B89
- 798987
- 7C8685
- 7E8382
Harmonie kolorów
Komplementarna +180°
- 649C97
Canton
- B18188
≈ Audrey’s Blush
Analogowa -30° +30°
- 649C97
Canton
- 719B83
≈ Douglas Fir Green
- 6599A9
≈ Cloudy Sea
Triada +120° +240°
- 649C97
Canton
- 9A86AC
≈ Celeb City
- A88A69
≈ Confidence
Komplementarna rozszczepiona +150° +210°
- 649C97
Canton
- A9829C
≈ Amazonian Orchid
- B18475
≈ Canyon Earth
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.11:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.74:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.74:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
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);
}