Najbliższy nazwany kolor · #1C828C
#1C828C
Najbliższy nazwany kolor: Turkish Jade
#1C828C (rgb(28 130 140), hsl(185 67% 33%), oklch(0.556 0.088 205.1)) jest najbliższy nazwanemu kolorowi Turkish Jade. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#1C828C
oklch(0.556 0.088 205.1)
Konwersje koloru
- HEX
- #1c828c
- RGB
- rgb(28 130 140)
- HSL
- hsl(185 67% 33%)
- HWB
- hwb(185 11% 45%)
- OKLCH
- oklch(0.556 0.088 205.1)
- OKLab
- oklab(0.556 -0.08 -0.037)
- CIE Lab
- lab(49.31 -26.1 -13.95)
- LCH
- lch(49.31 29.6 208.1)
- CMYK
- cmyk(80% 7% 0% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3D8E97
- 569AA2
- 6CA7AD
- 81B3B9
- 97BFC4
- ABCCD0
- C0D9DB
- D5E5E7
- EAF2F3
Odcienie ciemniejsze
- 177079
- 125F67
- 0D4E55
- 083E43
- 052F33
- 022023
- 011214
- 000607
- 000101
Tony
- 2F828B
- 3D828A
- 488289
- 528287
- 5B8286
- 638185
- 6B8184
- 728183
- 798081
Harmonie kolorów
Komplementarna +180°
- 1C828C
Turkish Jade
- A15E59
≈ Savannah Red
Analogowa -30° +30°
- 1C828C
Turkish Jade
- 2D8471
≈ Dream Green
- 387BA0
≈ Blue Dart Frog
Triada +120° +240°
- 1C828C
Turkish Jade
- 8E6190
≈ Hashita Purple
- 8B6F30
≈ Corn Harvest
Komplementarna rozszczepiona +150° +210°
- 1C828C
Turkish Jade
- 9C5D76
≈ Rose Wine
- 9B653F
≈ Oiled up Kardashian
Tetrada +90° +180° +270°
- 1C828C
Turkish Jade
- 7769A2
≈ Reign Over Me
- A15E59
≈ Savannah Red
- 727A39
≈ Hot Dog Relish
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.54:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.62:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.62:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--turkish-jade: #1c828c;
--turkish-jade-rgb: 28 130 140;
--turkish-jade-oklch: oklch(0.556 0.088 205.1);
}
.element {
color: var(--turkish-jade);
background-color: hsl(185 67% 33%);
border-color: oklch(0.556 0.088 205.1);
}Tailwind CSS v4
@theme {
--color-turkish-jade: #1c828c;
--color-turkish-jade-50: #d9fdff;
--color-turkish-jade-100: #c7f1f7;
--color-turkish-jade-200: #a8e0e7;
--color-turkish-jade-300: #80c5ce;
--color-turkish-jade-400: #58aeb7;
--color-turkish-jade-500: #2597a2;
--color-turkish-jade-600: #237f89;
--color-turkish-jade-700: #1c666e;
--color-turkish-jade-800: #124b50;
--color-turkish-jade-900: #0b3438;
--color-turkish-jade-950: #002022;
}SCSS
$turkish-jade: #1c828c;
$turkish-jade-rgb: 28, 130, 140;
$turkish-jade-light: mix(#fff, $turkish-jade, 20%);
$turkish-jade-dark: mix(#000, $turkish-jade, 20%);
.element {
color: $turkish-jade;
box-shadow: 0 0 0 2px rgba($turkish-jade, 0.35);
}