Adlandırılmış renk · #555A90
Berry Mix
Berry Mix, #555A90: rgb(85 90 144), hsl(235 26% 45%), oklch(0.488 0.086 278.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Berry Mix color name →
#555A90
oklch(0.488 0.086 278.6)
Renk dönüşümleri
- HEX
- #555a90
- RGB
- rgb(85 90 144)
- HSL
- hsl(235 26% 45%)
- HWB
- hwb(235 33% 44%)
- OKLCH
- oklch(0.488 0.086 278.6)
- OKLab
- oklab(0.488 0.013 -0.086)
- CIE Lab
- lab(39.65 8.99 -30.87)
- LCH
- lch(39.65 32.15 286.2)
- CMYK
- cmyk(41% 37% 0% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 646A9B
- 7479A6
- 8489B1
- 9499BD
- A5AAC8
- B7BAD3
- C8CBDE
- DADCE9
- ECEEF4
Koyu tonlar
- 494D7D
- 3D416A
- 313557
- 262945
- 1C1E34
- 111324
- 080915
- 020307
- 000001
Gri tonlar
- 595E8F
- 5D628D
- 61668C
- 656A8B
- 6A6E89
- 6E7188
- 727586
- 777984
- 7B7C82
Renk uyumları
Tamamlayıcı +180°
- 555A90
Berry Mix
- 6C601D
≈ Greenish Brown
Analog -30° +30°
- 555A90
Berry Mix
- 35638E
≈ Mississippi River
- 6E5285
≈ Gutsy Grape
Üçlü +120° +240°
- 555A90
Berry Mix
- 894D3A
≈ Remaining Embers
- 2D6E4D
≈ Chopped Chive
Bölünmüş tamamlayıcı +150° +210°
- 555A90
Berry Mix
- 7F5622
≈ Hot Curry
- 516931
≈ Bimi Green
Dörtlü +90° +180° +270°
- 555A90
Berry Mix
- 894A56
≈ Wine Not
- 6C601D
≈ Greenish Brown
- 006F69
≈ Tide Pools
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.45:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.25:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.45:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--berry-mix: #555a90;
--berry-mix-rgb: 85 90 144;
--berry-mix-oklch: oklch(0.488 0.086 278.6);
}
.element {
color: var(--berry-mix);
background-color: hsl(235 26% 45%);
border-color: oklch(0.488 0.086 278.6);
}Tailwind CSS v4
@theme {
--color-berry-mix: #555a90;
--color-berry-mix-50: #f0f3ff;
--color-berry-mix-100: #e2e5ff;
--color-berry-mix-200: #cdd1f9;
--color-berry-mix-300: #afb3e4;
--color-berry-mix-400: #939ad1;
--color-berry-mix-500: #7980bf;
--color-berry-mix-600: #676ca1;
--color-berry-mix-700: #525781;
--color-berry-mix-800: #3a4060;
--color-berry-mix-900: #282c43;
--color-berry-mix-950: #16192c;
}SCSS
$berry-mix: #555a90;
$berry-mix-rgb: 85, 90, 144;
$berry-mix-light: mix(#fff, $berry-mix, 20%);
$berry-mix-dark: mix(#000, $berry-mix, 20%);
.element {
color: $berry-mix;
box-shadow: 0 0 0 2px rgba($berry-mix, 0.35);
}