Adlandırılmış renk · #C8647F
Ballerina Tutu
Ballerina Tutu, #C8647F: rgb(200 100 127), hsl(344 48% 59%), oklch(0.629 0.13 4.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Ballerina Tutu color name →
#C8647F
oklch(0.629 0.13 4.4)
Renk dönüşümleri
- HEX
- #c8647f
- RGB
- rgb(200 100 127)
- HSL
- hsl(344 48% 59%)
- HWB
- hwb(344 39% 22%)
- OKLCH
- oklch(0.629 0.13 4.4)
- OKLab
- oklab(0.629 0.129 0.01)
- CIE Lab
- lab(55.35 42.64 4.44)
- LCH
- lch(55.35 42.87 5.9)
- CMYK
- cmyk(0% 50% 37% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CF748B
- D68397
- DC93A4
- E2A2B0
- E8B1BD
- EDC1CA
- F2D0D7
- F7E0E4
- FBEFF2
Koyu tonlar
- AE566E
- 94485D
- 7B3B4C
- 632E3C
- 4C222D
- 36161F
- 210B11
- 0F0306
- 020001
Gri tonlar
- C2687F
- BB6B7F
- B46E7F
- AD717F
- A67480
- 9F7780
- 987980
- 907C80
- 887E80
Renk uyumları
Tamamlayıcı +180°
- C8647F
Ballerina Tutu
- 009E91
≈ On a Whim
Analog -30° +30°
- C8647F
Ballerina Tutu
- B768A8
≈ Pearly Purple
- CA6951
≈ Langoustino
Üçlü +120° +240°
- C8647F
Ballerina Tutu
- 789633
≈ Siskin Sprout
- 368FD1
≈ Magical Merlin
Bölünmüş tamamlayıcı +150° +210°
- C8647F
Ballerina Tutu
- 399F64
≈ Bulma Hair
- 0099B2
≈ Caneel Bay
Dörtlü +90° +180° +270°
- C8647F
Ballerina Tutu
- A28600
≈ Golden Palm
- 009E91
≈ On a Whim
- 7281D6
≈ Tanzine
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.75:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.58:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--ballerina-tutu: #c8647f;
--ballerina-tutu-rgb: 200 100 127;
--ballerina-tutu-oklch: oklch(0.629 0.13 4.4);
}
.element {
color: var(--ballerina-tutu);
background-color: hsl(344 48% 59%);
border-color: oklch(0.629 0.13 4.4);
}Tailwind CSS v4
@theme {
--color-ballerina-tutu: #c8647f;
--color-ballerina-tutu-50: #ffe7ef;
--color-ballerina-tutu-100: #ffd7e1;
--color-ballerina-tutu-200: #ffbecb;
--color-ballerina-tutu-300: #f09bad;
--color-ballerina-tutu-400: #de7c95;
--color-ballerina-tutu-500: #ca5c7b;
--color-ballerina-tutu-600: #ab4f69;
--color-ballerina-tutu-700: #893f54;
--color-ballerina-tutu-800: #662d3e;
--color-ballerina-tutu-900: #481e2b;
--color-ballerina-tutu-950: #2e0e18;
}SCSS
$ballerina-tutu: #c8647f;
$ballerina-tutu-rgb: 200, 100, 127;
$ballerina-tutu-light: mix(#fff, $ballerina-tutu, 20%);
$ballerina-tutu-dark: mix(#000, $ballerina-tutu, 20%);
.element {
color: $ballerina-tutu;
box-shadow: 0 0 0 2px rgba($ballerina-tutu, 0.35);
}