Adlandırılmış renk · #007D7C
Parasailing
Parasailing, #007D7C: rgb(0 125 124), hsl(180 100% 25%), oklch(0.534 0.091 193.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Parasailing color name →
#007D7C
oklch(0.534 0.091 193.8)
Renk dönüşümleri
- HEX
- #007d7c
- RGB
- rgb(0 125 124)
- HSL
- hsl(180 100% 25%)
- HWB
- hwb(180 0% 51%)
- OKLCH
- oklch(0.534 0.091 193.8)
- OKLab
- oklab(0.534 -0.089 -0.022)
- CIE Lab
- lab(46.87 -30.13 -8.28)
- LCH
- lch(46.87 31.24 195.4)
- CMYK
- cmyk(100% 0% 1% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 328A88
- 4D9695
- 65A3A2
- 7CB0AE
- 92BDBB
- A8CAC9
- BDD7D6
- D3E4E4
- E9F2F1
Koyu tonlar
- 006C6B
- 005B5A
- 004B4A
- 003B3B
- 002C2C
- 001E1E
- 001111
- 000505
- 000101
Gri tonlar
- 237E7C
- 347E7D
- 417E7D
- 4C7F7E
- 567F7E
- 5F7F7E
- 68807F
- 70807F
- 788080
Renk uyumları
Tamamlayıcı +180°
- 007D7C
Parasailing
- 9A555D
≈ Cuban Rhythm
Analog -30° +30°
- 007D7C
Parasailing
- 307D5E
≈ Liquid Green Stuff
- 1D7894
≈ Celestial
Üçlü +120° +240°
- 007D7C
Parasailing
- 805C92
≈ Ghostly Purple
- 8C6429
≈ Tapenade
Bölünmüş tamamlayıcı +150° +210°
- 007D7C
Parasailing
- 92567A
≈ Sea Fan Fuchsia
- 995A3F
≈ Etruscan
Dörtlü +90° +180° +270°
- 007D7C
Parasailing
- 6665A0
≈ Blue Iris
- 9A555D
≈ Cuban Rhythm
- 766F29
≈ Olivetone
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.97:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.22:1 · APCA Lc 28
En iyi metin rengi: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--parasailing: #007d7c;
--parasailing-rgb: 0 125 124;
--parasailing-oklch: oklch(0.534 0.091 193.8);
}
.element {
color: var(--parasailing);
background-color: hsl(180 100% 25%);
border-color: oklch(0.534 0.091 193.8);
}Tailwind CSS v4
@theme {
--color-parasailing: #007d7c;
--color-parasailing-50: #d8fefe;
--color-parasailing-100: #c6f2f2;
--color-parasailing-200: #a7e1e1;
--color-parasailing-300: #7dc6c6;
--color-parasailing-400: #55b0ae;
--color-parasailing-500: #1d9998;
--color-parasailing-600: #1d8180;
--color-parasailing-700: #186867;
--color-parasailing-800: #0f4c4a;
--color-parasailing-900: #0a3534;
--color-parasailing-950: #00201f;
}SCSS
$parasailing: #007d7c;
$parasailing-rgb: 0, 125, 124;
$parasailing-light: mix(#fff, $parasailing, 20%);
$parasailing-dark: mix(#000, $parasailing, 20%);
.element {
color: $parasailing;
box-shadow: 0 0 0 2px rgba($parasailing, 0.35);
}