Adlandırılmış renk · #CF0234
Cherry
Cherry, #CF0234: rgb(207 2 52), hsl(345 98% 41%), oklch(0.541 0.217 20.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? → · Cherry color name →
#CF0234
oklch(0.541 0.217 20.4)
Renk dönüşümleri
- HEX
- #cf0234
- RGB
- rgb(207 2 52)
- HSL
- hsl(345 98% 41%)
- HWB
- hwb(345 1% 19%)
- OKLCH
- oklch(0.541 0.217 20.4)
- OKLab
- oklab(0.541 0.203 0.075)
- CIE Lab
- lab(44.43 69.55 35.6)
- LCH
- lch(44.43 78.13 27.1)
- CMYK
- cmyk(0% 99% 75% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D73848
- DF545C
- E66C6F
- EC8383
- F29897
- F6ADAB
- FAC1C0
- FDD6D5
- FEEAEA
Koyu tonlar
- B4012C
- 990124
- 7F011C
- 670015
- 4F000E
- 380007
- 230003
- 100001
- 020000
Gri tonlar
- C9283D
- C33A45
- BC474D
- B65255
- AE5B5C
- A66463
- 9E6C6B
- 957372
- 8B7A79
Renk uyumları
Tamamlayıcı +180°
- CF0234
Cherry
- 007F84
≈ Go Alpha
Analog -30° +30°
- CF0234
Cherry
- C2137F
≈ Rrosy-Fingered Dawn
- AD5000
≈ Cinnamon Bun
Üçlü +120° +240°
- CF0234
Cherry
- 238600
≈ Green Bell Pepper
- 0C63E9
≈ Old Gungeon Red
Bölünmüş tamamlayıcı +150° +210°
- CF0234
Cherry
- 008266
≈ Bosphorus
- 0079A2
≈ Mitchell Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.65:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 3.71:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.65:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--cherry: #cf0234;
--cherry-rgb: 207 2 52;
--cherry-oklch: oklch(0.541 0.217 20.4);
}
.element {
color: var(--cherry);
background-color: hsl(345 98% 41%);
border-color: oklch(0.541 0.217 20.4);
}Tailwind CSS v4
@theme {
--color-cherry: #cf0234;
--color-cherry-50: #ffddd9;
--color-cherry-100: #ffcbc7;
--color-cherry-200: #ffada9;
--color-cherry-300: #ff8483;
--color-cherry-400: #ff5a66;
--color-cherry-500: #f41c44;
--color-cherry-600: #ce1e3a;
--color-cherry-700: #a6192e;
--color-cherry-800: #7c0f23;
--color-cherry-900: #580a17;
--color-cherry-950: #3b0009;
}SCSS
$cherry: #cf0234;
$cherry-rgb: 207, 2, 52;
$cherry-light: mix(#fff, $cherry, 20%);
$cherry-dark: mix(#000, $cherry, 20%);
.element {
color: $cherry;
box-shadow: 0 0 0 2px rgba($cherry, 0.35);
}