Najbliższy nazwany kolor · #7DC4BA
#7DC4BA
Najbliższy nazwany kolor: Cyantific
#7DC4BA (rgb(125 196 186), hsl(172 38% 63%), oklch(0.771 0.073 184.6)) jest najbliższy nazwanemu kolorowi Cyantific. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#7DC4BA
oklch(0.771 0.073 184.6)
Konwersje koloru
- HEX
- #7dc4ba
- RGB
- rgb(125 196 186)
- HSL
- hsl(172 38% 63%)
- HWB
- hwb(172 49% 23%)
- OKLCH
- oklch(0.771 0.073 184.6)
- OKLab
- oklab(0.771 -0.073 -0.006)
- CIE Lab
- lab(74.26 -24.98 -2.41)
- LCH
- lch(74.26 25.1 185.5)
- CMYK
- cmyk(36% 0% 5% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8BCAC1
- 98D0C7
- A6D6CE
- B3DCD5
- C0E2DC
- CCE7E3
- D9EDEA
- E6F3F1
- F2F9F8
Odcienie ciemniejsze
- 6CAAA1
- 5B9189
- 4B7872
- 3B615C
- 2C4A46
- 1E3532
- 11211E
- 050E0D
- 010202
Tony
- 7EBDB4
- 7FB6AE
- 80AFA8
- 81A8A2
- 81A29D
- 819B97
- 819491
- 818D8B
- 818786
Harmonie kolorów
Komplementarna +180°
- 7DC4BA
Cyantific
- DDA1AE
≈ Nana’s Rose
Analogowa -30° +30°
- 7DC4BA
Cyantific
- 90C3A0
≈ Delltone
- 7CC1D1
≈ Meltwater
Triada +120° +240°
- 7DC4BA
Cyantific
- BFA9DB
≈ Perfume
- D6AB83
≈ Santa Fe Tan
Komplementarna rozszczepiona +150° +210°
- 7DC4BA
Cyantific
- D2A3C7
≈ Geranium Bud
- DFA495
≈ Shy Champagne Blush
Tetrada +90° +180° +270°
- 7DC4BA
Cyantific
- A6B1E4
≈ Myrtle Flower
- DDA1AE
≈ Nana’s Rose
- C3B47F
≈ Cool Avocado
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.00:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.47:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--cyantific: #7dc4ba;
--cyantific-rgb: 125 196 186;
--cyantific-oklch: oklch(0.771 0.073 184.6);
}
.element {
color: var(--cyantific);
background-color: hsl(172 38% 63%);
border-color: oklch(0.771 0.073 184.6);
}Tailwind CSS v4
@theme {
--color-cyantific: #7dc4ba;
--color-cyantific-50: #dffcf8;
--color-cyantific-100: #cef0ec;
--color-cyantific-200: #b2dfd9;
--color-cyantific-300: #8cc4bd;
--color-cyantific-400: #6aada4;
--color-cyantific-500: #46968c;
--color-cyantific-600: #3c7f76;
--color-cyantific-700: #30665f;
--color-cyantific-800: #224b44;
--color-cyantific-900: #16342f;
--color-cyantific-950: #071f1c;
}SCSS
$cyantific: #7dc4ba;
$cyantific-rgb: 125, 196, 186;
$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);
}