Najbliższy nazwany kolor · #72A4A1
#72A4A1
Najbliższy nazwany kolor: Turquoise Fantasies
#72A4A1 (rgb(114 164 161), hsl(176 22% 55%), oklch(0.682 0.053 191.3)) jest najbliższy nazwanemu kolorowi Turquoise Fantasies. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#72A4A1
oklch(0.682 0.053 191.3)
Konwersje koloru
- HEX
- #72a4a1
- RGB
- rgb(114 164 161)
- HSL
- hsl(176 22% 55%)
- HWB
- hwb(176 45% 36%)
- OKLCH
- oklch(0.682 0.053 191.3)
- OKLab
- oklab(0.682 -0.052 -0.01)
- CIE Lab
- lab(63.77 -17.8 -4.08)
- LCH
- lch(63.77 18.26 192.9)
- CMYK
- cmyk(30% 0% 2% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 80ADAA
- 8EB6B3
- 9CBFBC
- AAC8C6
- B8D1CF
- C6DAD8
- D4E3E2
- E2ECEC
- F1F6F5
Odcienie ciemniejsze
- 628E8B
- 537976
- 446462
- 36504E
- 283D3C
- 1B2B2A
- 0E1A19
- 040A09
- 010101
Tony
- 74A09E
- 769D9A
- 789997
- 799694
- 7B9290
- 7C8E8D
- 7D8B8A
- 7E8787
- 7F8483
Harmonie kolorów
Komplementarna +180°
- 72A4A1
Turquoise Fantasies
- B78C91
≈ Shabby Chic
Analogowa -30° +30°
- 72A4A1
Turquoise Fantasies
- 7CA48F
≈ Mossy Bench
- 74A1B1
≈ Saga Blue
Triada +120° +240°
- 72A4A1
Turquoise Fantasies
- A490B2
≈ Revered
- AE9475
≈ River Oak
Komplementarna rozszczepiona +150° +210°
- 72A4A1
Turquoise Fantasies
- B18CA3
≈ Lover’s Tryst
- B78F80
≈ Rosetta
Tetrada +90° +180° +270°
- 72A4A1
Turquoise Fantasies
- 9396BA
≈ Lively Lilac
- B78C91
≈ Shabby Chic
- A09B74
≈ Curly Grass
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.78:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.54:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--turquoise-fantasies: #72a4a1;
--turquoise-fantasies-rgb: 114 164 161;
--turquoise-fantasies-oklch: oklch(0.682 0.053 191.3);
}
.element {
color: var(--turquoise-fantasies);
background-color: hsl(176 22% 55%);
border-color: oklch(0.682 0.053 191.3);
}Tailwind CSS v4
@theme {
--color-turquoise-fantasies: #72a4a1;
--color-turquoise-fantasies-50: #e5faf9;
--color-turquoise-fantasies-100: #d5eeed;
--color-turquoise-fantasies-200: #bbdcda;
--color-turquoise-fantasies-300: #98c1bf;
--color-turquoise-fantasies-400: #7aa9a6;
--color-turquoise-fantasies-500: #5a928f;
--color-turquoise-fantasies-600: #4d7b79;
--color-turquoise-fantasies-700: #3d6361;
--color-turquoise-fantasies-800: #2c4846;
--color-turquoise-fantasies-900: #1e3231;
--color-turquoise-fantasies-950: #0d1e1d;
}SCSS
$turquoise-fantasies: #72a4a1;
$turquoise-fantasies-rgb: 114, 164, 161;
$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);
}