Nazwany kolor · #1A6C76
Teal Fury
Teal Fury to #1A6C76: rgb(26 108 118), hsl(187 64% 28%), oklch(0.489 0.076 207.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Teal Fury color name →
#1A6C76
oklch(0.489 0.076 207.2)
Konwersje koloru
- HEX
- #1a6c76
- RGB
- rgb(26 108 118)
- HSL
- hsl(187 64% 28%)
- HWB
- hwb(187 10% 54%)
- OKLCH
- oklch(0.489 0.076 207.2)
- OKLab
- oklab(0.489 -0.068 -0.035)
- CIE Lab
- lab(41.34 -21.89 -12.92)
- LCH
- lch(41.34 25.42 210.6)
- CMYK
- cmyk(78% 8% 0% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 387A83
- 4F8890
- 66969D
- 7BA5AB
- 91B3B8
- A7C2C6
- BCD1D4
- D2E0E2
- E9F0F1
Odcienie ciemniejsze
- 155D66
- 104E56
- 0C4047
- 073238
- 042529
- 02191C
- 010D0F
- 000405
- 000001
Tony
- 2B6E77
- 387078
- 437279
- 4D757A
- 56777B
- 5F797C
- 677A7D
- 707C7E
- 787E7F
Harmonie kolorów
Komplementarna +180°
- 1A6C76
Teal Fury
- 864F48
≈ Rudraksha Beads
Analogowa -30° +30°
- 1A6C76
Teal Fury
- 246E5F
≈ Antique Green
- 316686
≈ Drake’s Neck
Triada +120° +240°
- 1A6C76
Teal Fury
- 775076
≈ Birthstone
- 735D28
≈ Moss Brown
Komplementarna rozszczepiona +150° +210°
- 1A6C76
Teal Fury
- 834D60
≈ Red Shrivel
- 815533
≈ Football
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.08:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.45:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.08:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--teal-fury: #1a6c76;
--teal-fury-rgb: 26 108 118;
--teal-fury-oklch: oklch(0.489 0.076 207.2);
}
.element {
color: var(--teal-fury);
background-color: hsl(187 64% 28%);
border-color: oklch(0.489 0.076 207.2);
}Tailwind CSS v4
@theme {
--color-teal-fury: #1a6c76;
--color-teal-fury-50: #ddfcff;
--color-teal-fury-100: #cceff6;
--color-teal-fury-200: #afdee6;
--color-teal-fury-300: #89c3cc;
--color-teal-fury-400: #65abb5;
--color-teal-fury-500: #3e94a0;
--color-teal-fury-600: #367d87;
--color-teal-fury-700: #2b646c;
--color-teal-fury-800: #1d4a4f;
--color-teal-fury-900: #133337;
--color-teal-fury-950: #051f22;
}SCSS
$teal-fury: #1a6c76;
$teal-fury-rgb: 26, 108, 118;
$teal-fury-light: mix(#fff, $teal-fury, 20%);
$teal-fury-dark: mix(#000, $teal-fury, 20%);
.element {
color: $teal-fury;
box-shadow: 0 0 0 2px rgba($teal-fury, 0.35);
}