Adlandırılmış renk · #AC667B
Apple II Rose
Apple II Rose, #AC667B: rgb(172 102 123), hsl(342 30% 54%), oklch(0.594 0.093 1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Apple II Rose color name →
#AC667B
oklch(0.594 0.093 1)
Renk dönüşümleri
- HEX
- #ac667b
- RGB
- rgb(172 102 123)
- HSL
- hsl(342 30% 54%)
- HWB
- hwb(342 40% 33%)
- OKLCH
- oklch(0.594 0.093 1)
- OKLab
- oklab(0.594 0.093 0.002)
- CIE Lab
- lab(51.73 30.84 0.99)
- LCH
- lch(51.73 30.85 1.8)
- CMYK
- cmyk(0% 41% 28% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B57587
- BE8494
- C793A1
- CFA2AE
- D8B1BB
- E0C0C8
- E8D0D6
- F0DFE3
- F7EFF1
Koyu tonlar
- 95586A
- 7F4A5A
- 693C4A
- 542F3A
- 40232C
- 2D171E
- 1B0C10
- 0B0405
- 010001
Gri tonlar
- A8697B
- A46C7C
- A06F7C
- 9C717D
- 98747D
- 93777E
- 8F797E
- 8A7B7F
- 857E7F
Renk uyumları
Tamamlayıcı +180°
- AC667B
Apple II Rose
- 2C9081
≈ Miami Jade
Analog -30° +30°
- AC667B
Apple II Rose
- 9E6998
≈ Mauve Memento
- AF695C
≈ Bantam Egg
Üçlü +120° +240°
- AC667B
Apple II Rose
- 768745
≈ Green Suede
- 4685B1
≈ Ship’s Harbour
Bölünmüş tamamlayıcı +150° +210°
- AC667B
Apple II Rose
- 528E61
≈ Spring Garden
- 258D9E
≈ Safe Harbour
Dörtlü +90° +180° +270°
- AC667B
Apple II Rose
- 937C36
≈ Cardueline Finch
- 2C9081
≈ Miami Jade
- 6A7BB6
≈ Persian Jewel
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.25:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.94:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 4.94:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--apple-ii-rose: #ac667b;
--apple-ii-rose-rgb: 172 102 123;
--apple-ii-rose-oklch: oklch(0.594 0.093 1);
}
.element {
color: var(--apple-ii-rose);
background-color: hsl(342 30% 54%);
border-color: oklch(0.594 0.093 1);
}Tailwind CSS v4
@theme {
--color-apple-ii-rose: #ac667b;
--color-apple-ii-rose-50: #ffebf2;
--color-apple-ii-rose-100: #ffdce5;
--color-apple-ii-rose-200: #f8c4d0;
--color-apple-ii-rose-300: #e1a4b3;
--color-apple-ii-rose-400: #cd879b;
--color-apple-ii-rose-500: #b96b82;
--color-apple-ii-rose-600: #9c5b6e;
--color-apple-ii-rose-700: #7d4858;
--color-apple-ii-rose-800: #5c3442;
--color-apple-ii-rose-900: #41242d;
--color-apple-ii-rose-950: #29121a;
}SCSS
$apple-ii-rose: #ac667b;
$apple-ii-rose-rgb: 172, 102, 123;
$apple-ii-rose-light: mix(#fff, $apple-ii-rose, 20%);
$apple-ii-rose-dark: mix(#000, $apple-ii-rose, 20%);
.element {
color: $apple-ii-rose;
box-shadow: 0 0 0 2px rgba($apple-ii-rose, 0.35);
}