Nazwany kolor · #006967
Chinese Garden
Chinese Garden to #006967: rgb(0 105 103), hsl(179 100% 21%), oklch(0.471 0.081 192.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Chinese Garden color name →
#006967
oklch(0.471 0.081 192.5)
Konwersje koloru
- HEX
- #006967
- RGB
- rgb(0 105 103)
- HSL
- hsl(179 100% 21%)
- HWB
- hwb(179 0% 59%)
- OKLCH
- oklch(0.471 0.081 192.5)
- OKLab
- oklab(0.471 -0.079 -0.017)
- CIE Lab
- lab(39.49 -26.9 -6.67)
- LCH
- lch(39.49 27.72 193.9)
- CMYK
- cmyk(100% 0% 2% 59%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2D7775
- 478683
- 5F9492
- 76A3A1
- 8DB2B0
- A3C1BF
- BAD0CF
- D1E0DF
- E8EFEF
Odcienie ciemniejsze
- 005A59
- 004C4B
- 003E3D
- 003130
- 002423
- 001817
- 000C0C
- 000404
- 000000
Tony
- 1E6C69
- 2F6E6C
- 3C706E
- 477371
- 527573
- 5B7776
- 657A78
- 6E7C7B
- 777E7D
Harmonie kolorów
Komplementarna +180°
- 006967
Chinese Garden
- 82474E
≈ Desert Canyon
Analogowa -30° +30°
- 006967
Chinese Garden
- 28694D
≈ Pumpkin Green
- 14657C
≈ World’s Away
Triada +120° +240°
- 006967
Chinese Garden
- 6B4D7C
≈ Exotic Purple
- 775321
≈ Trojan Horse Brown
Komplementarna rozszczepiona +150° +210°
- 006967
Chinese Garden
- 7A4867
≈ Fig Cluster
- 814B35
≈ Sencha Brown
Tetrada +90° +180° +270°
- 006967
Chinese Garden
- 545587
≈ Rich Violet
- 82474E
≈ Desert Canyon
- 645D20
≈ High Forest Green
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.52:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.21:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.52:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--chinese-garden: #006967;
--chinese-garden-rgb: 0 105 103;
--chinese-garden-oklch: oklch(0.471 0.081 192.5);
}
.element {
color: var(--chinese-garden);
background-color: hsl(179 100% 21%);
border-color: oklch(0.471 0.081 192.5);
}Tailwind CSS v4
@theme {
--color-chinese-garden: #006967;
--color-chinese-garden-50: #dcfdfc;
--color-chinese-garden-100: #caf1f0;
--color-chinese-garden-200: #ade0de;
--color-chinese-garden-300: #86c5c4;
--color-chinese-garden-400: #61aeab;
--color-chinese-garden-500: #369794;
--color-chinese-garden-600: #30807d;
--color-chinese-garden-700: #266664;
--color-chinese-garden-800: #1a4b49;
--color-chinese-garden-900: #113432;
--color-chinese-garden-950: #03201e;
}SCSS
$chinese-garden: #006967;
$chinese-garden-rgb: 0, 105, 103;
$chinese-garden-light: mix(#fff, $chinese-garden, 20%);
$chinese-garden-dark: mix(#000, $chinese-garden, 20%);
.element {
color: $chinese-garden;
box-shadow: 0 0 0 2px rgba($chinese-garden, 0.35);
}