Adlandırılmış renk · #345362
Wentworth
Wentworth, #345362: rgb(52 83 98), hsl(200 31% 29%), oklch(0.424 0.044 230). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Wentworth color name →
#345362
oklch(0.424 0.044 230)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 476371
- 5A737F
- 6D838F
- 81949E
- 95A5AE
- A9B7BD
- BEC8CD
- D3DADE
- E9ECEE
Koyu tonlar
- 2C4754
- 243B47
- 1C303A
- 15252D
- 0E1B21
- 071116
- 03080B
- 010203
- 000000
Gri tonlar
- 3C5765
- 445C68
- 4B606B
- 53656E
- 5A6971
- 626E74
- 697277
- 71777A
- 787B7D
Renk uyumları
Tamamlayıcı +180°
- 345362
Wentworth
- 624738
≈ Fairfax Brown
Analog -30° +30°
- 345362
Wentworth
- 2F5658
≈ Sea Challenge
- 404F67
≈ Calico Dress
Üçlü +120° +240°
- 345362
Wentworth
- 614452
≈ Deep Exquisite
- 4F5134
≈ Warplock Bronze
Bölünmüş tamamlayıcı +150° +210°
- 345362
Wentworth
- 644544
≈ Purple Earth
- 5B4C32
≈ Tǔ Hēi Black
Dörtlü +90° +180° +270°
- 345362
Wentworth
- 59475E
≈ Soul Train
- 624738
≈ Fairfax Brown
- 41543D
≈ Okroshka
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.20:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.55:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.20:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
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);
}