En yakın adlandırılmış renk · #00ACBD
#00ACBD
En yakın adlandırılmış renk: Glassmith
#00ACBD (rgb(0 172 189), hsl(185 100% 37%), oklch(0.68 0.117 207.2)) en çok Glassmith adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#00ACBD
oklch(0.68 0.117 207.2)
Renk dönüşümleri
- HEX
- #00acbd
- RGB
- rgb(0 172 189)
- HSL
- hsl(185 100% 37%)
- HWB
- hwb(185 0% 26%)
- OKLCH
- oklch(0.68 0.117 207.2)
- OKLab
- oklab(0.68 -0.104 -0.053)
- CIE Lab
- lab(63.88 -33.48 -19.83)
- LCH
- lch(63.88 38.92 210.6)
- CMYK
- cmyk(100% 9% 0% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3EB4C4
- 5BBDCA
- 73C5D1
- 89CED7
- 9ED6DE
- B2DEE5
- C6E6EB
- D9EFF2
- ECF7F8
Koyu tonlar
- 0095A4
- 007F8C
- 006974
- 00545D
- 004047
- 002D33
- 001B1F
- 000B0D
- 000102
Gri tonlar
- 2CA8B7
- 3FA4B1
- 4D9FAB
- 579BA4
- 60979E
- 689298
- 6F8E92
- 75898C
- 7B8586
Renk uyumları
Tamamlayıcı +180°
- 00ACBD
Glassmith
- D77B70
≈ Bite My Tongue
Analog -30° +30°
- 00ACBD
Glassmith
- 29B097
≈ Aloha
- 46A2D7
≈ Waimea Blue
Üçlü +120° +240°
- 00ACBD
Glassmith
- BF7EBE
≈ Lavender Sweater
- B79337
≈ Balsam Pear
Bölünmüş tamamlayıcı +150° +210°
- 00ACBD
Glassmith
- D17899
≈ Little Bow Pink
- CE854B
≈ Melted Copper
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.75:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.63:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.63:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
CSS
:root {
--glassmith: #00acbd;
--glassmith-rgb: 0 172 189;
--glassmith-oklch: oklch(0.68 0.117 207.2);
}
.element {
color: var(--glassmith);
background-color: hsl(185 100% 37%);
border-color: oklch(0.68 0.117 207.2);
}Tailwind CSS v4
@theme {
--color-glassmith: #00acbd;
--color-glassmith-50: #cfffff;
--color-glassmith-100: #bbf3fd;
--color-glassmith-200: #98e3ef;
--color-glassmith-300: #68c8d8;
--color-glassmith-400: #2bb1c1;
--color-glassmith-500: #009aad;
--color-glassmith-600: #008392;
--color-glassmith-700: #006975;
--color-glassmith-800: #004d56;
--color-glassmith-900: #00363c;
--color-glassmith-950: #002126;
}SCSS
$glassmith: #00acbd;
$glassmith-rgb: 0, 172, 189;
$glassmith-light: mix(#fff, $glassmith, 20%);
$glassmith-dark: mix(#000, $glassmith, 20%);
.element {
color: $glassmith;
box-shadow: 0 0 0 2px rgba($glassmith, 0.35);
}