Adlandırılmış renk · #B39AA0
Decorum
Decorum, #B39AA0: rgb(179 154 160), hsl(346 14% 65%), oklch(0.71 0.031 1.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Decorum color name →
#B39AA0
oklch(0.71 0.031 1.7)
Renk dönüşümleri
- HEX
- #b39aa0
- RGB
- rgb(179 154 160)
- HSL
- hsl(346 14% 65%)
- HWB
- hwb(346 60% 30%)
- OKLCH
- oklch(0.71 0.031 1.7)
- OKLab
- oklab(0.71 0.031 0.001)
- CIE Lab
- lab(66 10.31 0.45)
- LCH
- lch(66 10.32 2.5)
- CMYK
- cmyk(0% 14% 11% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BAA4A9
- C2ADB2
- CAB7BC
- D1C1C5
- D9CBCE
- E0D6D8
- E8E0E2
- F0EAEB
- F7F5F5
Koyu tonlar
- 9B858B
- 847176
- 6E5E61
- 584B4E
- 43393B
- 2F2729
- 1D1719
- 0C0909
- 010101
Gri tonlar
- AE979D
- A99599
- A49296
- 9E9093
- 998D90
- 948A8D
- 8F8889
- 8A8586
- 858383
Renk uyumları
Tamamlayıcı +180°
- B39AA0
Decorum
- 8DA8A3
≈ Green Meets Blue
Analog -30° +30°
- B39AA0
Decorum
- AE9BAA
≈ On the Nile
- B49B96
≈ Iris Mauve
Üçlü +120° +240°
- B39AA0
Decorum
- 9EA590
≈ Irish Paddock
- 91A4B3
≈ Cadet Grey
Bölünmüş tamamlayıcı +150° +210°
- B39AA0
Decorum
- 94A798
≈ Green Trellis
- 8CA7AD
≈ Stone Silver
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.60:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.04:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.04:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--decorum: #b39aa0;
--decorum-rgb: 179 154 160;
--decorum-oklch: oklch(0.71 0.031 1.7);
}
.element {
color: var(--decorum);
background-color: hsl(346 14% 65%);
border-color: oklch(0.71 0.031 1.7);
}Tailwind CSS v4
@theme {
--color-decorum: #b39aa0;
--color-decorum-50: #fdf2f4;
--color-decorum-100: #f2e4e7;
--color-decorum-200: #e1cfd3;
--color-decorum-300: #c6b1b5;
--color-decorum-400: #af979d;
--color-decorum-500: #987e85;
--color-decorum-600: #816b70;
--color-decorum-700: #67555a;
--color-decorum-800: #4c3e42;
--color-decorum-900: #352b2d;
--color-decorum-950: #20181a;
}SCSS
$decorum: #b39aa0;
$decorum-rgb: 179, 154, 160;
$decorum-light: mix(#fff, $decorum, 20%);
$decorum-dark: mix(#000, $decorum, 20%);
.element {
color: $decorum;
box-shadow: 0 0 0 2px rgba($decorum, 0.35);
}