Adlandırılmış renk · #5E5896
Old Nan Yarn
Old Nan Yarn, #5E5896: rgb(94 88 150), hsl(246 26% 47%), oklch(0.494 0.097 286.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Old Nan Yarn color name →
#5E5896
oklch(0.494 0.097 286.7)
Renk dönüşümleri
- HEX
- #5e5896
- RGB
- rgb(94 88 150)
- HSL
- hsl(246 26% 47%)
- HWB
- hwb(246 35% 41%)
- OKLCH
- oklch(0.494 0.097 286.7)
- OKLab
- oklab(0.494 0.028 -0.093)
- CIE Lab
- lab(40.14 14.42 -33.63)
- LCH
- lch(40.14 36.59 293.2)
- CMYK
- cmyk(37% 41% 0% 41%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6C68A1
- 7B78AB
- 8A88B6
- 9A98C1
- AAA9CB
- BABAD6
- CBCBE0
- DCDCEA
- EDEDF5
Koyu tonlar
- 514B82
- 443F6E
- 37335B
- 2B2849
- 1F1D37
- 141226
- 0A0916
- 030308
- 000001
Gri tonlar
- 615C94
- 646192
- 676590
- 6B698E
- 6E6D8C
- 72718A
- 757588
- 797885
- 7C7C83
Renk uyumları
Tamamlayıcı +180°
- 5E5896
Old Nan Yarn
- 696514
≈ Greenish Brown
Analog -30° +30°
- 5E5896
Old Nan Yarn
- 3B6298
≈ Blue Regatta
- 784F86
≈ Cleopatra’s Gown
Üçlü +120° +240°
- 5E5896
Old Nan Yarn
- 8E4E2E
≈ Rusted Earth
- 0F7355
≈ Green Velvet
Bölünmüş tamamlayıcı +150° +210°
- 5E5896
Old Nan Yarn
- 805910
≈ Qahvei Brown
- 466E34
≈ Botanical
Dörtlü +90° +180° +270°
- 5E5896
Old Nan Yarn
- 91484E
≈ Cowhide
- 696514
≈ Greenish Brown
- 007072
≈ Active Turquoise
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.34:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.31:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.34:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--old-nan-yarn: #5e5896;
--old-nan-yarn-rgb: 94 88 150;
--old-nan-yarn-oklch: oklch(0.494 0.097 286.7);
}
.element {
color: var(--old-nan-yarn);
background-color: hsl(246 26% 47%);
border-color: oklch(0.494 0.097 286.7);
}Tailwind CSS v4
@theme {
--color-old-nan-yarn: #5e5896;
--color-old-nan-yarn-50: #f3f1ff;
--color-old-nan-yarn-100: #e6e3ff;
--color-old-nan-yarn-200: #d2cefc;
--color-old-nan-yarn-300: #b5b0e7;
--color-old-nan-yarn-400: #9a96d6;
--color-old-nan-yarn-500: #827cc3;
--color-old-nan-yarn-600: #6e69a5;
--color-old-nan-yarn-700: #585484;
--color-old-nan-yarn-800: #3f3d63;
--color-old-nan-yarn-900: #2b2a45;
--color-old-nan-yarn-950: #19182d;
}SCSS
$old-nan-yarn: #5e5896;
$old-nan-yarn-rgb: 94, 88, 150;
$old-nan-yarn-light: mix(#fff, $old-nan-yarn, 20%);
$old-nan-yarn-dark: mix(#000, $old-nan-yarn, 20%);
.element {
color: $old-nan-yarn;
box-shadow: 0 0 0 2px rgba($old-nan-yarn, 0.35);
}