Adlandırılmış renk · #415764
Alien
Alien, #415764: rgb(65 87 100), hsl(202 21% 32%), oklch(0.444 0.034 234.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Alien color name →
#415764
oklch(0.444 0.034 234.5)
Renk dönüşümleri
- HEX
- #415764
- RGB
- rgb(65 87 100)
- HSL
- hsl(202 21% 32%)
- HWB
- hwb(202 25% 61%)
- OKLCH
- oklch(0.444 0.034 234.5)
- OKLab
- oklab(0.444 -0.02 -0.028)
- CIE Lab
- lab(35.56 -6.01 -10.41)
- LCH
- lch(35.56 12.02 240)
- CMYK
- cmyk(35% 13% 0% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 526672
- 647681
- 768690
- 88979F
- 9BA7AF
- AFB8BE
- C2CACE
- D6DBDE
- EAEDEE
Koyu tonlar
- 374B56
- 2E3E48
- 25333B
- 1C272E
- 131C22
- 0B1216
- 05080B
- 010303
- 000000
Gri tonlar
- 475B67
- 4D5F6A
- 54636C
- 5A676F
- 606B72
- 676F75
- 6D7478
- 73787A
- 7A7C7D
Renk uyumları
Tamamlayıcı +180°
- 415764
Alien
- 634F42
≈ Dark Tavern
Analog -30° +30°
- 415764
Alien
- 3D595C
≈ Otter Creek
- 4A5467
≈ Mystical Shade
Üçlü +120° +240°
- 415764
Alien
- 634C55
≈ Berry Wine
- 535640
≈ Freshwater Marsh
Bölünmüş tamamlayıcı +150° +210°
- 415764
Alien
- 654C4A
≈ French Roast
- 5C523E
≈ Best Bronze
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.57:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.77:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.57:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--alien: #415764;
--alien-rgb: 65 87 100;
--alien-oklch: oklch(0.444 0.034 234.5);
}
.element {
color: var(--alien);
background-color: hsl(202 21% 32%);
border-color: oklch(0.444 0.034 234.5);
}Tailwind CSS v4
@theme {
--color-alien: #415764;
--color-alien-50: #ecf7fe;
--color-alien-100: #deeaf2;
--color-alien-200: #c7d7e1;
--color-alien-300: #a8bbc7;
--color-alien-400: #8ba2b0;
--color-alien-500: #708a9a;
--color-alien-600: #5f7582;
--color-alien-700: #4c5e68;
--color-alien-800: #37454c;
--color-alien-900: #252f35;
--color-alien-950: #141c20;
}SCSS
$alien: #415764;
$alien-rgb: 65, 87, 100;
$alien-light: mix(#fff, $alien, 20%);
$alien-dark: mix(#000, $alien, 20%);
.element {
color: $alien;
box-shadow: 0 0 0 2px rgba($alien, 0.35);
}