Adlandırılmış renk · #927C75
Soft Rabbit Brown
Soft Rabbit Brown, #927C75: rgb(146 124 117), hsl(14 12% 52%), oklch(0.605 0.029 38.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Soft Rabbit Brown color name →
#927C75
oklch(0.605 0.029 38.4)
Renk dönüşümleri
- HEX
- #927c75
- RGB
- rgb(146 124 117)
- HSL
- hsl(14 12% 52%)
- HWB
- hwb(14 46% 43%)
- OKLCH
- oklch(0.605 0.029 38.4)
- OKLab
- oklab(0.605 0.023 0.018)
- CIE Lab
- lab(53.95 7.88 7.15)
- LCH
- lch(53.95 10.64 42.2)
- CMYK
- cmyk(0% 15% 20% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9D8882
- A7958F
- B2A29C
- BDAEAA
- C7BBB8
- D2C9C6
- DDD6D4
- E9E4E2
- F4F1F0
Koyu tonlar
- 7E6B65
- 6B5A55
- 584A46
- 463B37
- 352C29
- 251E1C
- 16110F
- 080505
- 010101
Gri tonlar
- 907C76
- 8F7D77
- 8D7D78
- 8B7E79
- 897E7B
- 877E7C
- 867F7D
- 847F7E
- 82807F
Renk uyumları
Tamamlayıcı +180°
- 927C75
Soft Rabbit Brown
- 6F868D
≈ Winter in Paris
Analog -30° +30°
- 927C75
Soft Rabbit Brown
- 927B7E
≈ Chocolaty
- 8E7F6F
≈ Safari Beige
Üçlü +120° +240°
- 927C75
Soft Rabbit Brown
- 73877B
≈ Xanadu
- 7D8093
≈ Majestic Mount
Bölünmüş tamamlayıcı +150° +210°
- 927C75
Soft Rabbit Brown
- 6E8885
≈ Classic Calm
- 748493
≈ New Steel
Dörtlü +90° +180° +270°
- 927C75
Soft Rabbit Brown
- 7C8573
≈ Leafy Lichen
- 6F868D
≈ Winter in Paris
- 877D8F
≈ Purpletone
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.91:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.36:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.36:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--soft-rabbit-brown: #927c75;
--soft-rabbit-brown-rgb: 146 124 117;
--soft-rabbit-brown-oklch: oklch(0.605 0.029 38.4);
}
.element {
color: var(--soft-rabbit-brown);
background-color: hsl(14 12% 52%);
border-color: oklch(0.605 0.029 38.4);
}Tailwind CSS v4
@theme {
--color-soft-rabbit-brown: #927c75;
--color-soft-rabbit-brown-50: #fdf3ef;
--color-soft-rabbit-brown-100: #f1e5e1;
--color-soft-rabbit-brown-200: #e0d0cb;
--color-soft-rabbit-brown-300: #c5b3ac;
--color-soft-rabbit-brown-400: #af9992;
--color-soft-rabbit-brown-500: #988078;
--color-soft-rabbit-brown-600: #816c66;
--color-soft-rabbit-brown-700: #675751;
--color-soft-rabbit-brown-800: #4c3f3b;
--color-soft-rabbit-brown-900: #352b29;
--color-soft-rabbit-brown-950: #201917;
}SCSS
$soft-rabbit-brown: #927c75;
$soft-rabbit-brown-rgb: 146, 124, 117;
$soft-rabbit-brown-light: mix(#fff, $soft-rabbit-brown, 20%);
$soft-rabbit-brown-dark: mix(#000, $soft-rabbit-brown, 20%);
.element {
color: $soft-rabbit-brown;
box-shadow: 0 0 0 2px rgba($soft-rabbit-brown, 0.35);
}