En yakın adlandırılmış renk · #849EB5
#849EB5
En yakın adlandırılmış renk: Monsoon Season
#849EB5 (rgb(132 158 181), hsl(208 25% 61%), oklch(0.687 0.045 245.2)) en çok Monsoon Season adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#849EB5
oklch(0.687 0.045 245.2)
Renk dönüşümleri
- HEX
- #849eb5
- RGB
- rgb(132 158 181)
- HSL
- hsl(208 25% 61%)
- HWB
- hwb(208 52% 29%)
- OKLCH
- oklch(0.687 0.045 245.2)
- OKLab
- oklab(0.687 -0.019 -0.041)
- CIE Lab
- lab(63.71 -5.38 -15.15)
- LCH
- lch(63.71 16.08 250.5)
- CMYK
- cmyk(27% 13% 0% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 90A7BC
- 9CB1C4
- A8BACB
- B4C4D2
- C0CEDA
- CDD7E1
- D9E1E9
- E6EBF0
- F2F5F8
Koyu tonlar
- 72899D
- 607486
- 4F606F
- 3F4D59
- 2F3A44
- 202930
- 12181D
- 06090C
- 010102
Gri tonlar
- 849BB0
- 8398AA
- 8395A5
- 8392A0
- 828F9A
- 828C95
- 828990
- 81868A
- 818385
Renk uyumları
Tamamlayıcı +180°
- 849EB5
Monsoon Season
- AE957E
≈ Hutchins Plaza
Analog -30° +30°
- 849EB5
Monsoon Season
- 7BA2AC
≈ Seascape
- 9299B7
≈ Thistle Down
Üçlü +120° +240°
- 849EB5
Monsoon Season
- B48F97
≈ Mauve Shadows
- 94A082
≈ Rookwood Jade
Bölünmüş tamamlayıcı +150° +210°
- 849EB5
Monsoon Season
- B49188
≈ Mauve Blush
- A39B7B
≈ Wheat Tortilla
Dörtlü +90° +180° +270°
- 849EB5
Monsoon Season
- AD90A6
≈ Palisade Orchid
- AE957E
≈ Hutchins Plaza
- 85A38F
≈ Mossy Bench
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.78:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.53:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--monsoon-season: #849eb5;
--monsoon-season-rgb: 132 158 181;
--monsoon-season-oklch: oklch(0.687 0.045 245.2);
}
.element {
color: var(--monsoon-season);
background-color: hsl(208 25% 61%);
border-color: oklch(0.687 0.045 245.2);
}Tailwind CSS v4
@theme {
--color-monsoon-season: #849eb5;
--color-monsoon-season-50: #ebf7ff;
--color-monsoon-season-100: #dceaf6;
--color-monsoon-season-200: #c6d7e7;
--color-monsoon-season-300: #a6bace;
--color-monsoon-season-400: #89a2b8;
--color-monsoon-season-500: #6e8aa2;
--color-monsoon-season-600: #5d7589;
--color-monsoon-season-700: #4a5d6e;
--color-monsoon-season-800: #354451;
--color-monsoon-season-900: #242f38;
--color-monsoon-season-950: #131c23;
}SCSS
$monsoon-season: #849eb5;
$monsoon-season-rgb: 132, 158, 181;
$monsoon-season-light: mix(#fff, $monsoon-season, 20%);
$monsoon-season-dark: mix(#000, $monsoon-season, 20%);
.element {
color: $monsoon-season;
box-shadow: 0 0 0 2px rgba($monsoon-season, 0.35);
}