Adlandırılmış renk · #49646D
Night Folly
Night Folly, #49646D: rgb(73 100 109), hsl(195 20% 36%), oklch(0.485 0.035 220.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Night Folly color name →
#49646D
oklch(0.485 0.035 220.4)
Renk dönüşümleri
- HEX
- #49646d
- RGB
- rgb(73 100 109)
- HSL
- hsl(195 20% 36%)
- HWB
- hwb(195 29% 57%)
- OKLCH
- oklch(0.485 0.035 220.4)
- OKLab
- oklab(0.485 -0.027 -0.023)
- CIE Lab
- lab(40.48 -8.54 -8.52)
- LCH
- lch(40.48 12.06 224.9)
- CMYK
- cmyk(33% 8% 0% 57%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5A727B
- 6B8188
- 7C9097
- 8E9FA5
- A0AEB3
- B3BEC2
- C5CED1
- D8DEE0
- EBEEEF
Koyu tonlar
- 3E565E
- 34484F
- 2A3B41
- 202E33
- 172226
- 0E1619
- 060B0D
- 020304
- 000001
Gri tonlar
- 4F676F
- 546A71
- 5A6C73
- 5F6F75
- 657277
- 6A7578
- 70787A
- 757A7C
- 7B7D7E
Renk uyumları
Tamamlayıcı +180°
- 49646D
Night Folly
- 715950
≈ Bistro
Analog -30° +30°
- 49646D
Night Folly
- 486664
≈ Grand Prix
- 506173
≈ Da Blues
Üçlü +120° +240°
- 49646D
Night Folly
- 6D5865
≈ Aubergine Grey
- 636049
≈ Titanoboa
Bölünmüş tamamlayıcı +150° +210°
- 49646D
Night Folly
- 71575A
≈ Deepest Mauve
- 6C5C4A
≈ Cub
Dörtlü +90° +180° +270°
- 49646D
Night Folly
- 655A6E
≈ Violet Haze
- 715950
≈ Bistro
- 58634F
≈ Lakeside Pine
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.31:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.32:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.31:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--night-folly: #49646d;
--night-folly-rgb: 73 100 109;
--night-folly-oklch: oklch(0.485 0.035 220.4);
}
.element {
color: var(--night-folly);
background-color: hsl(195 20% 36%);
border-color: oklch(0.485 0.035 220.4);
}Tailwind CSS v4
@theme {
--color-night-folly: #49646d;
--color-night-folly-50: #ebf8fc;
--color-night-folly-100: #dcebf0;
--color-night-folly-200: #c5d8df;
--color-night-folly-300: #a5bcc4;
--color-night-folly-400: #88a4ad;
--color-night-folly-500: #6d8c96;
--color-night-folly-600: #5c767f;
--color-night-folly-700: #4a5f66;
--color-night-folly-800: #35454b;
--color-night-folly-900: #243034;
--color-night-folly-950: #131c1f;
}SCSS
$night-folly: #49646d;
$night-folly-rgb: 73, 100, 109;
$night-folly-light: mix(#fff, $night-folly, 20%);
$night-folly-dark: mix(#000, $night-folly, 20%);
.element {
color: $night-folly;
box-shadow: 0 0 0 2px rgba($night-folly, 0.35);
}