Adlandırılmış renk · #5E5871
Orchid Grey
Orchid Grey, #5E5871: rgb(94 88 113), hsl(254 12% 39%), oklch(0.476 0.04 295.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Orchid Grey color name →
#5E5871
oklch(0.476 0.04 295.8)
Renk dönüşümleri
- HEX
- #5e5871
- RGB
- rgb(94 88 113)
- HSL
- hsl(254 12% 39%)
- HWB
- hwb(254 35% 56%)
- OKLCH
- oklch(0.476 0.04 295.8)
- OKLab
- oklab(0.476 0.018 -0.036)
- CIE Lab
- lab(38.7 6.72 -13.41)
- LCH
- lch(38.7 15 296.6)
- CMYK
- cmyk(17% 22% 0% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6D677E
- 7C778C
- 8B879A
- 9B97A8
- ABA8B6
- BBB9C4
- CCCAD3
- DDDBE1
- EEEDF0
Koyu tonlar
- 514B61
- 443F52
- 373343
- 2B2835
- 1F1D27
- 14121A
- 0A090E
- 030304
- 000001
Gri tonlar
- 615C73
- 656074
- 686476
- 6B6877
- 6F6C79
- 72707A
- 76747C
- 79787D
- 7C7C7F
Renk uyumları
Tamamlayıcı +180°
- 5E5871
Orchid Grey
- 5B5F45
≈ Delicious
Analog -30° +30°
- 5E5871
Orchid Grey
- 525C74
≈ Vintage Indigo
- 695569
≈ Vintner
Üçlü +120° +240°
- 5E5871
Orchid Grey
- 6F5746
≈ Mournfang Brown
- 44645B
≈ Pine Haven
Bölünmüş tamamlayıcı +150° +210°
- 5E5871
Orchid Grey
- 675B42
≈ Cold Pressed
- 4E634F
≈ Pasture Green
Dörtlü +90° +180° +270°
- 5E5871
Orchid Grey
- 725451
≈ Rosy Sandstone
- 5B5F45
≈ Delicious
- 416367
≈ Wanderlust
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.75:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.11:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.75:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--orchid-grey: #5e5871;
--orchid-grey-rgb: 94 88 113;
--orchid-grey-oklch: oklch(0.476 0.04 295.8);
}
.element {
color: var(--orchid-grey);
background-color: hsl(254 12% 39%);
border-color: oklch(0.476 0.04 295.8);
}Tailwind CSS v4
@theme {
--color-orchid-grey: #5e5871;
--color-orchid-grey-50: #f6f3ff;
--color-orchid-grey-100: #e9e5f4;
--color-orchid-grey-200: #d6d1e4;
--color-orchid-grey-300: #b9b3ca;
--color-orchid-grey-400: #a09ab4;
--color-orchid-grey-500: #88819f;
--color-orchid-grey-600: #736d86;
--color-orchid-grey-700: #5c576b;
--color-orchid-grey-800: #43404f;
--color-orchid-grey-900: #2e2c37;
--color-orchid-grey-950: #1b1922;
}SCSS
$orchid-grey: #5e5871;
$orchid-grey-rgb: 94, 88, 113;
$orchid-grey-light: mix(#fff, $orchid-grey, 20%);
$orchid-grey-dark: mix(#000, $orchid-grey, 20%);
.element {
color: $orchid-grey;
box-shadow: 0 0 0 2px rgba($orchid-grey, 0.35);
}