لون مسمّى · #345362
Wentworth
Wentworth هو #345362: rgb(52 83 98)، hsl(200 31% 29%)، oklch(0.424 0.044 230). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Wentworth color name →
#345362
oklch(0.424 0.044 230)
تحويلات الألوان
- HEX
- #345362
- RGB
- rgb(52 83 98)
- HSL
- hsl(200 31% 29%)
- HWB
- hwb(200 20% 62%)
- OKLCH
- oklch(0.424 0.044 230)
- OKLab
- oklab(0.424 -0.028 -0.034)
- CIE Lab
- lab(33.36 -8.48 -12.56)
- LCH
- lch(33.36 15.16 236)
- CMYK
- cmyk(47% 15% 0% 62%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 476371
- 5A737F
- 6D838F
- 81949E
- 95A5AE
- A9B7BD
- BEC8CD
- D3DADE
- E9ECEE
درجات داكنة
- 2C4754
- 243B47
- 1C303A
- 15252D
- 0E1B21
- 071116
- 03080B
- 010203
- 000000
درجات رمادية
- 3C5765
- 445C68
- 4B606B
- 53656E
- 5A6971
- 626E74
- 697277
- 71777A
- 787B7D
تناسق الألوان
متمم +180°
- 345362
Wentworth
- 624738
≈ Fairfax Brown
متجاور -30° +30°
- 345362
Wentworth
- 2F5658
≈ Sea Challenge
- 404F67
≈ Calico Dress
ثلاثي +120° +240°
- 345362
Wentworth
- 614452
≈ Deep Exquisite
- 4F5134
≈ Warplock Bronze
متمم منقسم +150° +210°
- 345362
Wentworth
- 644544
≈ Purple Earth
- 5B4C32
≈ Tǔ Hēi Black
رباعي +90° +180° +270°
- 345362
Wentworth
- 59475E
≈ Soul Train
- 624738
≈ Fairfax Brown
- 41543D
≈ Okroshka
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 8.20:1 · APCA Lc 88
Ag
Failعلى الأسود
WCAG 2.55:1 · APCA Lc 14
أفضل لون للنص: #FFFFFF
WCAG 8.20:1 (AAA) · APCA Lc 88
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--wentworth: #345362;
--wentworth-rgb: 52 83 98;
--wentworth-oklch: oklch(0.424 0.044 230);
}
.element {
color: var(--wentworth);
background-color: hsl(200 31% 29%);
border-color: oklch(0.424 0.044 230);
}Tailwind CSS v4
@theme {
--color-wentworth: #345362;
--color-wentworth-50: #e9f8ff;
--color-wentworth-100: #daebf4;
--color-wentworth-200: #c2d8e4;
--color-wentworth-300: #a2bcca;
--color-wentworth-400: #84a4b4;
--color-wentworth-500: #688c9e;
--color-wentworth-600: #587786;
--color-wentworth-700: #465f6b;
--color-wentworth-800: #32464f;
--color-wentworth-900: #223037;
--color-wentworth-950: #111c22;
}SCSS
$wentworth: #345362;
$wentworth-rgb: 52, 83, 98;
$wentworth-light: mix(#fff, $wentworth, 20%);
$wentworth-dark: mix(#000, $wentworth, 20%);
.element {
color: $wentworth;
box-shadow: 0 0 0 2px rgba($wentworth, 0.35);
}