Adlandırılmış renk · #7082A4
Berwick Berry
Berwick Berry, #7082A4: rgb(112 130 164), hsl(219 22% 54%), oklch(0.605 0.056 263). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Berwick Berry color name →
#7082A4
oklch(0.605 0.056 263)
Renk dönüşümleri
- HEX
- #7082a4
- RGB
- rgb(112 130 164)
- HSL
- hsl(219 22% 54%)
- HWB
- hwb(219 44% 36%)
- OKLCH
- oklch(0.605 0.056 263)
- OKLab
- oklab(0.605 -0.007 -0.056)
- CIE Lab
- lab(53.88 -0.49 -20.51)
- LCH
- lch(53.88 20.51 268.6)
- CMYK
- cmyk(32% 21% 0% 36%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7D8EAD
- 8B9AB6
- 99A6BF
- A7B2C8
- B5BFD1
- C3CBDA
- D2D8E3
- E1E5ED
- F0F2F6
Koyu tonlar
- 60708E
- 515F79
- 434E64
- 353E50
- 272F3D
- 1A202B
- 0E121A
- 04060A
- 010101
Gri tonlar
- 7282A0
- 73829D
- 758299
- 778196
- 788192
- 7A818F
- 7B818B
- 7D8187
- 7E8084
Renk uyumları
Tamamlayıcı +180°
- 7082A4
Berwick Berry
- 927F5B
≈ Gingko Tree
Analog -30° +30°
- 7082A4
Berwick Berry
- 5F889E
≈ Adriatic Blue
- 827CA1
≈ Second Pour
Üçlü +120° +240°
- 7082A4
Berwick Berry
- A17572
≈ Autumn Russet
- 6E8B6C
≈ Forest Path
Bölünmüş tamamlayıcı +150° +210°
- 7082A4
Berwick Berry
- 9D7962
≈ Fudge Bar
- 81865F
≈ Tuscany Hillside
Dörtlü +90° +180° +270°
- 7082A4
Berwick Berry
- 9D7485
≈ Dusk Wine
- 927F5B
≈ Gingko Tree
- 5E8D7E
≈ Chlorite
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.87:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.41:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.41:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--berwick-berry: #7082a4;
--berwick-berry-rgb: 112 130 164;
--berwick-berry-oklch: oklch(0.605 0.056 263);
}
.element {
color: var(--berwick-berry);
background-color: hsl(219 22% 54%);
border-color: oklch(0.605 0.056 263);
}Tailwind CSS v4
@theme {
--color-berwick-berry: #7082a4;
--color-berwick-berry-50: #edf5ff;
--color-berwick-berry-100: #dfe8fb;
--color-berwick-berry-200: #c9d4ed;
--color-berwick-berry-300: #a9b8d5;
--color-berwick-berry-400: #8d9fc0;
--color-berwick-berry-500: #7386ac;
--color-berwick-berry-600: #617291;
--color-berwick-berry-700: #4e5b75;
--color-berwick-berry-800: #374356;
--color-berwick-berry-900: #262e3c;
--color-berwick-berry-950: #141b26;
}SCSS
$berwick-berry: #7082a4;
$berwick-berry-rgb: 112, 130, 164;
$berwick-berry-light: mix(#fff, $berwick-berry, 20%);
$berwick-berry-dark: mix(#000, $berwick-berry, 20%);
.element {
color: $berwick-berry;
box-shadow: 0 0 0 2px rgba($berwick-berry, 0.35);
}