Najbliższy nazwany kolor · #70C9C6
#70C9C6
Najbliższy nazwany kolor: Cyantific
#70C9C6 (rgb(112 201 198), hsl(178 45% 61%), oklch(0.78 0.086 192.7)) jest najbliższy nazwanemu kolorowi Cyantific. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#70C9C6
oklch(0.78 0.086 192.7)
Konwersje koloru
- HEX
- #70c9c6
- RGB
- rgb(112 201 198)
- HSL
- hsl(178 45% 61%)
- HWB
- hwb(178 44% 21%)
- OKLCH
- oklch(0.78 0.086 192.7)
- OKLab
- oklab(0.78 -0.084 -0.019)
- CIE Lab
- lab(75.39 -28.5 -7.3)
- LCH
- lch(75.39 29.42 194.4)
- CMYK
- cmyk(44% 0% 1% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 80CECC
- 90D4D1
- 9FD9D7
- ADDFDD
- BBE4E2
- C9EAE8
- D7EFEE
- E4F4F3
- F2FAF9
Odcienie ciemniejsze
- 60AEAC
- 519592
- 437C7A
- 356462
- 274C4B
- 1A3635
- 0E2221
- 040F0E
- 010202
Tony
- 74C2BF
- 76BAB8
- 79B3B0
- 7BABA9
- 7DA4A2
- 7E9D9B
- 7F9694
- 808E8E
- 808787
Harmonie kolorów
Komplementarna +180°
- 70C9C6
Cyantific
- E9A1A8
≈ Wood Nymph
Analogowa -30° +30°
- 70C9C6
Cyantific
- 83C9A7
≈ Park Green Flat
- 76C4DF
≈ Hawaiian Breeze
Triada +120° +240°
- 70C9C6
Cyantific
- CAA8DF
≈ Tropical Violet
- D9AF79
≈ Bonfire Toffee
Komplementarna rozszczepiona +150° +210°
- 70C9C6
Cyantific
- DFA2C6
≈ Prettiest Pink
- E7A68B
≈ Priceless Coral
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.93:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.85:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.85:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--cyantific: #70c9c6;
--cyantific-rgb: 112 201 198;
--cyantific-oklch: oklch(0.78 0.086 192.7);
}
.element {
color: var(--cyantific);
background-color: hsl(178 45% 61%);
border-color: oklch(0.78 0.086 192.7);
}Tailwind CSS v4
@theme {
--color-cyantific: #70c9c6;
--color-cyantific-50: #dafdfd;
--color-cyantific-100: #c8f1f1;
--color-cyantific-200: #aae0df;
--color-cyantific-300: #82c6c5;
--color-cyantific-400: #5bafac;
--color-cyantific-500: #2c9895;
--color-cyantific-600: #28817e;
--color-cyantific-700: #206765;
--color-cyantific-800: #154c49;
--color-cyantific-900: #0e3533;
--color-cyantific-950: #01201f;
}SCSS
$cyantific: #70c9c6;
$cyantific-rgb: 112, 201, 198;
$cyantific-light: mix(#fff, $cyantific, 20%);
$cyantific-dark: mix(#000, $cyantific, 20%);
.element {
color: $cyantific;
box-shadow: 0 0 0 2px rgba($cyantific, 0.35);
}