Najbliższy nazwany kolor · #70B9B6
#70B9B6
Najbliższy nazwany kolor: Turquoise Fantasies
#70B9B6 (rgb(112 185 182), hsl(178 34% 58%), oklch(0.737 0.073 192.3)) jest najbliższy nazwanemu kolorowi Turquoise Fantasies. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#70B9B6
oklch(0.737 0.073 192.3)
Konwersje koloru
- HEX
- #70b9b6
- RGB
- rgb(112 185 182)
- HSL
- hsl(178 34% 58%)
- HWB
- hwb(178 44% 27%)
- OKLCH
- oklch(0.737 0.073 192.3)
- OKLab
- oklab(0.737 -0.072 -0.016)
- CIE Lab
- lab(70.33 -24.35 -6.06)
- LCH
- lch(70.33 25.1 194)
- CMYK
- cmyk(39% 0% 2% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7FC0BD
- 8EC7C4
- 9DCECB
- ABD5D3
- B9DCDA
- C7E3E1
- D5EAE9
- E3F1F0
- F1F8F8
Odcienie ciemniejsze
- 60A09E
- 518986
- 43716F
- 355B59
- 274644
- 1A3130
- 0E1E1D
- 040D0C
- 010202
Tony
- 73B3B0
- 75ADAB
- 78A8A5
- 7AA2A0
- 7B9C9B
- 7D9795
- 7E9190
- 7F8B8B
- 7F8685
Harmonie kolorów
Komplementarna +180°
- 70B9B6
Turquoise Fantasies
- D4979D
≈ Tobermory
Analogowa -30° +30°
- 70B9B6
Turquoise Fantasies
- 7FB99C
≈ Froggy Pond
- 74B5CB
≈ Tidal Basin
Triada +120° +240°
- 70B9B6
Turquoise Fantasies
- BA9DCC
≈ Turnip Crown
- C7A376
≈ Outback
Komplementarna rozszczepiona +150° +210°
- 70B9B6
Turquoise Fantasies
- CB98B7
≈ Morning Glory Pink
- D29B86
≈ Dusty Coral
Tetrada +90° +180° +270°
- 70B9B6
Turquoise Fantasies
- A2A5D8
≈ Sorbet Ice Mauve
- D4979D
≈ Tobermory
- B3AC76
≈ Even Growth
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.25:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.30:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.30:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--turquoise-fantasies: #70b9b6;
--turquoise-fantasies-rgb: 112 185 182;
--turquoise-fantasies-oklch: oklch(0.737 0.073 192.3);
}
.element {
color: var(--turquoise-fantasies);
background-color: hsl(178 34% 58%);
border-color: oklch(0.737 0.073 192.3);
}Tailwind CSS v4
@theme {
--color-turquoise-fantasies: #70b9b6;
--color-turquoise-fantasies-50: #defcfb;
--color-turquoise-fantasies-100: #cdf0ef;
--color-turquoise-fantasies-200: #b1dfdd;
--color-turquoise-fantasies-300: #8bc4c2;
--color-turquoise-fantasies-400: #68adaa;
--color-turquoise-fantasies-500: #429693;
--color-turquoise-fantasies-600: #397f7c;
--color-turquoise-fantasies-700: #2e6563;
--color-turquoise-fantasies-800: #204b48;
--color-turquoise-fantasies-900: #153432;
--color-turquoise-fantasies-950: #061f1e;
}SCSS
$turquoise-fantasies: #70b9b6;
$turquoise-fantasies-rgb: 112, 185, 182;
$turquoise-fantasies-light: mix(#fff, $turquoise-fantasies, 20%);
$turquoise-fantasies-dark: mix(#000, $turquoise-fantasies, 20%);
.element {
color: $turquoise-fantasies;
box-shadow: 0 0 0 2px rgba($turquoise-fantasies, 0.35);
}