Adlandırılmış renk · #00B5B8
Cyan Sky
Cyan Sky, #00B5B8: rgb(0 181 184), hsl(181 100% 36%), oklch(0.701 0.119 196.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Cyan Sky color name →
#00B5B8
oklch(0.701 0.119 196.9)
Renk dönüşümleri
- HEX
- #00b5b8
- RGB
- rgb(0 181 184)
- HSL
- hsl(181 100% 36%)
- HWB
- hwb(181 0% 28%)
- OKLCH
- oklch(0.701 0.119 196.9)
- OKLab
- oklab(0.701 -0.114 -0.035)
- CIE Lab
- lab(66.54 -38.45 -13.09)
- LCH
- lch(66.54 40.61 198.8)
- CMYK
- cmyk(100% 2% 0% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3FBDBF
- 5DC4C6
- 76CCCD
- 8BD3D4
- A0DBDB
- B4E2E2
- C7E9E9
- DAF1F1
- EDF8F8
Koyu tonlar
- 009DA0
- 008688
- 006F71
- 00595B
- 004445
- 003031
- 001D1E
- 000C0C
- 000202
Gri tonlar
- 2EB0B2
- 41ABAD
- 4EA5A7
- 59A0A1
- 629B9C
- 6A9696
- 709091
- 768B8B
- 7B8585
Renk uyumları
Tamamlayıcı +180°
- 00B5B8
Cyan Sky
- DF7E84
≈ Hot Gossip
Analog -30° +30°
- 00B5B8
Cyan Sky
- 43B68F
≈ Mint
- 36ADD8
≈ Highlighter Blue
Üçlü +120° +240°
- 00B5B8
Cyan Sky
- BD87D0
≈ Purception
- C8943E
≈ Alameda Ochre
Bölünmüş tamamlayıcı +150° +210°
- 00B5B8
Cyan Sky
- D47FAD
≈ Ice Plant
- DB865B
≈ Show Business
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.52:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.30:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.30:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--cyan-sky: #00b5b8;
--cyan-sky-rgb: 0 181 184;
--cyan-sky-oklch: oklch(0.701 0.119 196.9);
}
.element {
color: var(--cyan-sky);
background-color: hsl(181 100% 36%);
border-color: oklch(0.701 0.119 196.9);
}Tailwind CSS v4
@theme {
--color-cyan-sky: #00b5b8;
--color-cyan-sky-50: #ceffff;
--color-cyan-sky-100: #b9f5f7;
--color-cyan-sky-200: #95e4e7;
--color-cyan-sky-300: #64cace;
--color-cyan-sky-400: #22b4b6;
--color-cyan-sky-500: #009da1;
--color-cyan-sky-600: #008588;
--color-cyan-sky-700: #006a6d;
--color-cyan-sky-800: #004f4f;
--color-cyan-sky-900: #003737;
--color-cyan-sky-950: #002122;
}SCSS
$cyan-sky: #00b5b8;
$cyan-sky-rgb: 0, 181, 184;
$cyan-sky-light: mix(#fff, $cyan-sky, 20%);
$cyan-sky-dark: mix(#000, $cyan-sky, 20%);
.element {
color: $cyan-sky;
box-shadow: 0 0 0 2px rgba($cyan-sky, 0.35);
}