Adlandırılmış renk · #AF6879
Refined Rose
Refined Rose, #AF6879: rgb(175 104 121), hsl(346 31% 55%), oklch(0.6 0.093 4.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Refined Rose color name →
#AF6879
oklch(0.6 0.093 4.8)
Renk dönüşümleri
- HEX
- #af6879
- RGB
- rgb(175 104 121)
- HSL
- hsl(346 31% 55%)
- HWB
- hwb(346 41% 31%)
- OKLCH
- oklch(0.6 0.093 4.8)
- OKLab
- oklab(0.6 0.093 0.008)
- CIE Lab
- lab(52.53 30.74 3.38)
- LCH
- lch(52.53 30.93 6.3)
- CMYK
- cmyk(0% 41% 31% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B87786
- C08592
- C9949F
- D1A3AC
- D9B2BA
- E1C1C7
- E9D0D5
- F0E0E3
- F8EFF1
Koyu tonlar
- 985968
- 814B58
- 6B3E48
- 563039
- 41242B
- 2E181D
- 1C0C10
- 0B0405
- 010001
Gri tonlar
- AB6B7A
- A76E7A
- A2707B
- 9E737C
- 99757D
- 94777D
- 907A7E
- 8B7C7F
- 857E7F
Renk uyumları
Tamamlayıcı +180°
- AF6879
Refined Rose
- 2C9287
≈ Ocean Liner
Analog -30° +30°
- AF6879
Refined Rose
- A36B97
≈ Mauve Memento
- B16B5A
≈ Bantam Egg
Üçlü +120° +240°
- AF6879
Refined Rose
- 748A4A
≈ Green Suede
- 4D86B4
≈ Hideout
Bölünmüş tamamlayıcı +150° +210°
- AF6879
Refined Rose
- 4F9167
≈ Illuminati Green
- 2B8EA3
≈ Scooter
Dörtlü +90° +180° +270°
- AF6879
Refined Rose
- 928039
≈ Peas Please
- 2C9287
≈ Ocean Liner
- 707CB8
≈ Persian Jewel
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.13:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.07:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 5.07:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--refined-rose: #af6879;
--refined-rose-rgb: 175 104 121;
--refined-rose-oklch: oklch(0.6 0.093 4.8);
}
.element {
color: var(--refined-rose);
background-color: hsl(346 31% 55%);
border-color: oklch(0.6 0.093 4.8);
}Tailwind CSS v4
@theme {
--color-refined-rose: #af6879;
--color-refined-rose-50: #ffebf1;
--color-refined-rose-100: #ffdce3;
--color-refined-rose-200: #f9c4cd;
--color-refined-rose-300: #e2a4af;
--color-refined-rose-400: #ce8797;
--color-refined-rose-500: #b96b7e;
--color-refined-rose-600: #9d5b6b;
--color-refined-rose-700: #7e4855;
--color-refined-rose-800: #5d343f;
--color-refined-rose-900: #41242c;
--color-refined-rose-950: #2a1219;
}SCSS
$refined-rose: #af6879;
$refined-rose-rgb: 175, 104, 121;
$refined-rose-light: mix(#fff, $refined-rose, 20%);
$refined-rose-dark: mix(#000, $refined-rose, 20%);
.element {
color: $refined-rose;
box-shadow: 0 0 0 2px rgba($refined-rose, 0.35);
}