لون مسمّى · #BB6569
Terra Rosa
Terra Rosa هو #BB6569: rgb(187 101 105)، hsl(357 39% 56%)، oklch(0.607 0.11 17.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Terra Rosa color name →
#BB6569
oklch(0.607 0.11 17.9)
تحويلات الألوان
- HEX
- #bb6569
- RGB
- rgb(187 101 105)
- HSL
- hsl(357 39% 56%)
- HWB
- hwb(357 40% 27%)
- OKLCH
- oklch(0.607 0.11 17.9)
- OKLab
- oklab(0.607 0.105 0.034)
- CIE Lab
- lab(53.21 35.51 14.03)
- LCH
- lch(53.21 38.18 21.6)
- CMYK
- cmyk(0% 46% 44% 27%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C37477
- CB8385
- D29394
- D9A2A3
- E0B1B1
- E7C0C1
- EDD0D0
- F4E0DF
- F9EFEF
درجات داكنة
- A2575A
- 8A494C
- 733C3E
- 5C2F31
- 462224
- 321718
- 1F0C0C
- 0D0304
- 020000
درجات رمادية
- B6686B
- B06C6E
- AB6F70
- A57172
- A07475
- 9A7777
- 947979
- 8D7C7C
- 877E7E
تناسق الألوان
متمم +180°
- BB6569
Terra Rosa
- 009598
≈ Sea Fantasy
متجاور -30° +30°
- BB6569
Terra Rosa
- B2658E
≈ Je t’aime
- B76C44
≈ Tufted Leather
ثلاثي +120° +240°
- BB6569
Terra Rosa
- 60924E
≈ Field Time Green
- 5783C4
≈ Astro Nautico
متمم منقسم +150° +210°
- BB6569
Terra Rosa
- 299775
≈ Cadaverous
- 1F8EB6
≈ Hidden Springs
رباعي +90° +180° +270°
- BB6569
Terra Rosa
- 89872D
≈ Buffy Citrine
- 009598
≈ Sea Fantasy
- 7F77C0
≈ Ube
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.05:1 · APCA Lc 67
Ag
AAعلى الأسود
WCAG 5.17:1 · APCA Lc 34
أفضل لون للنص: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--terra-rosa: #bb6569;
--terra-rosa-rgb: 187 101 105;
--terra-rosa-oklch: oklch(0.607 0.11 17.9);
}
.element {
color: var(--terra-rosa);
background-color: hsl(357 39% 56%);
border-color: oklch(0.607 0.11 17.9);
}Tailwind CSS v4
@theme {
--color-terra-rosa: #bb6569;
--color-terra-rosa-50: #ffe9e8;
--color-terra-rosa-100: #ffdad9;
--color-terra-rosa-200: #ffc2c1;
--color-terra-rosa-300: #eba1a0;
--color-terra-rosa-400: #d88386;
--color-terra-rosa-500: #c4656a;
--color-terra-rosa-600: #a6565a;
--color-terra-rosa-700: #854548;
--color-terra-rosa-800: #633135;
--color-terra-rosa-900: #452124;
--color-terra-rosa-950: #2d1013;
}SCSS
$terra-rosa: #bb6569;
$terra-rosa-rgb: 187, 101, 105;
$terra-rosa-light: mix(#fff, $terra-rosa, 20%);
$terra-rosa-dark: mix(#000, $terra-rosa, 20%);
.element {
color: $terra-rosa;
box-shadow: 0 0 0 2px rgba($terra-rosa, 0.35);
}