Adlandırılmış renk · #AA5B67
Ruby Petals
Ruby Petals, #AA5B67: rgb(170 91 103), hsl(351 32% 51%), oklch(0.567 0.104 11.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Ruby Petals color name →
#AA5B67
oklch(0.567 0.104 11.3)
Renk dönüşümleri
- HEX
- #aa5b67
- RGB
- rgb(170 91 103)
- HSL
- hsl(351 32% 51%)
- HWB
- hwb(351 36% 33%)
- OKLCH
- oklch(0.567 0.104 11.3)
- OKLab
- oklab(0.567 0.102 0.02)
- CIE Lab
- lab(48.59 33.89 8.4)
- LCH
- lch(48.59 34.91 13.9)
- CMYK
- cmyk(0% 46% 39% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B46B75
- BD7B83
- C68B92
- CF9BA1
- D7ABB0
- E0BCBF
- E8CCCF
- F0DDDF
- F8EEEF
Koyu tonlar
- 934E59
- 7D414B
- 68353D
- 532930
- 3F1E23
- 2D1317
- 1B090C
- 0B0304
- 010000
Gri tonlar
- A75F69
- A3636C
- 9F676E
- 9B6B71
- 976F73
- 937376
- 8F7678
- 8A797B
- 857D7D
Renk uyumları
Tamamlayıcı +180°
- AA5B67
Ruby Petals
- 008884
≈ Navigate
Analog -30° +30°
- AA5B67
Ruby Petals
- 9F5D88
≈ Thimble Red
- A96044
≈ Borneo
Üçlü +120° +240°
- AA5B67
Ruby Petals
- 60833F
≈ Shepherd’s Green
- 457AB1
≈ Viennese Blue
Bölünmüş tamamlayıcı +150° +210°
- AA5B67
Ruby Petals
- 318963
≈ Exquisite Emerald
- 0384A1
≈ Blue Arc
Dörtlü +90° +180° +270°
- AA5B67
Ruby Petals
- 847823
≈ Faience Green
- 008884
≈ Navigate
- 6C6EB2
≈ Mediaeval
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.77:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.40:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.77:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--ruby-petals: #aa5b67;
--ruby-petals-rgb: 170 91 103;
--ruby-petals-oklch: oklch(0.567 0.104 11.3);
}
.element {
color: var(--ruby-petals);
background-color: hsl(351 32% 51%);
border-color: oklch(0.567 0.104 11.3);
}Tailwind CSS v4
@theme {
--color-ruby-petals: #aa5b67;
--color-ruby-petals-50: #ffeaec;
--color-ruby-petals-100: #ffdade;
--color-ruby-petals-200: #fdc3c7;
--color-ruby-petals-300: #e7a2a8;
--color-ruby-petals-400: #d4848f;
--color-ruby-petals-500: #c06775;
--color-ruby-petals-600: #a25863;
--color-ruby-petals-700: #82464f;
--color-ruby-petals-800: #61323b;
--color-ruby-petals-900: #442228;
--color-ruby-petals-950: #2b1116;
}SCSS
$ruby-petals: #aa5b67;
$ruby-petals-rgb: 170, 91, 103;
$ruby-petals-light: mix(#fff, $ruby-petals, 20%);
$ruby-petals-dark: mix(#000, $ruby-petals, 20%);
.element {
color: $ruby-petals;
box-shadow: 0 0 0 2px rgba($ruby-petals, 0.35);
}