Adlandırılmış renk · #01748E
Amulet Gem
Amulet Gem, #01748E: rgb(1 116 142), hsl(191 99% 28%), oklch(0.517 0.094 220.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Amulet Gem color name →
#01748E
oklch(0.517 0.094 220.7)
Renk dönüşümleri
- HEX
- #01748e
- RGB
- rgb(1 116 142)
- HSL
- hsl(191 99% 28%)
- HWB
- hwb(191 0% 44%)
- OKLCH
- oklch(0.517 0.094 220.7)
- OKLab
- oklab(0.517 -0.072 -0.062)
- CIE Lab
- lab(44.47 -21.06 -22.51)
- LCH
- lch(44.47 30.83 226.9)
- CMYK
- cmyk(99% 18% 0% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 308199
- 4B8FA4
- 639DAF
- 7AAABB
- 90B8C6
- A6C6D1
- BCD4DD
- D2E2E8
- E9F1F3
Koyu tonlar
- 01647B
- 015468
- 004556
- 003744
- 002934
- 001B24
- 000F15
- 000507
- 000101
Gri tonlar
- 21768D
- 32778C
- 3F788A
- 4A7A89
- 557B88
- 5E7C86
- 677D85
- 707E83
- 787F82
Renk uyumları
Tamamlayıcı +180°
- 01748E
Amulet Gem
- 95543C
≈ Tonicha
Analog -30° +30°
- 01748E
Amulet Gem
- 007874
≈ Hydra Turquoise
- 3B6B9D
≈ Star Sapphire
Üçlü +120° +240°
- 01748E
Amulet Gem
- 8C5179
≈ Dynamic Magenta
- 74691E
≈ Arousing Alligator
Bölünmüş tamamlayıcı +150° +210°
- 01748E
Amulet Gem
- 96505B
≈ Vin Rouge
- 8A5E22
≈ Rusty Coin
Dörtlü +90° +180° +270°
- 01748E
Amulet Gem
- 795890
≈ Ghostly Purple
- 95543C
≈ Tonicha
- 557336
≈ Deep Pine
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.39:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 3.89:1 · APCA Lc 25
En iyi metin rengi: #FFFFFF
WCAG 5.39:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--amulet-gem: #01748e;
--amulet-gem-rgb: 1 116 142;
--amulet-gem-oklch: oklch(0.517 0.094 220.7);
}
.element {
color: var(--amulet-gem);
background-color: hsl(191 99% 28%);
border-color: oklch(0.517 0.094 220.7);
}Tailwind CSS v4
@theme {
--color-amulet-gem: #01748e;
--color-amulet-gem-50: #d9fcff;
--color-amulet-gem-100: #c7f0ff;
--color-amulet-gem-200: #a8def2;
--color-amulet-gem-300: #80c3db;
--color-amulet-gem-400: #57abc5;
--color-amulet-gem-500: #2594b2;
--color-amulet-gem-600: #237d96;
--color-amulet-gem-700: #1c6478;
--color-amulet-gem-800: #104a58;
--color-amulet-gem-900: #0a333e;
--color-amulet-gem-950: #001f27;
}SCSS
$amulet-gem: #01748e;
$amulet-gem-rgb: 1, 116, 142;
$amulet-gem-light: mix(#fff, $amulet-gem, 20%);
$amulet-gem-dark: mix(#000, $amulet-gem, 20%);
.element {
color: $amulet-gem;
box-shadow: 0 0 0 2px rgba($amulet-gem, 0.35);
}