Adlandırılmış renk · #EB6651
Connect Red
Connect Red, #EB6651: rgb(235 102 81), hsl(8 79% 62%), oklch(0.671 0.169 31). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Connect Red color name →
#EB6651
oklch(0.671 0.169 31)
Renk dönüşümleri
- HEX
- #eb6651
- RGB
- rgb(235 102 81)
- HSL
- hsl(8 79% 62%)
- HWB
- hwb(8 32% 8%)
- OKLCH
- oklch(0.671 0.169 31)
- OKLab
- oklab(0.671 0.145 0.087)
- CIE Lab
- lab(60.34 51.5 38.53)
- LCH
- lch(60.34 64.32 36.8)
- CMYK
- cmyk(0% 57% 66% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EF7763
- F38774
- F69785
- F9A697
- FBB5A8
- FDC4B9
- FED3CA
- FFE2DC
- FFF0ED
Koyu tonlar
- CC5845
- AE4A3A
- 913C2F
- 752F24
- 5B231A
- 411710
- 290C07
- 130402
- 030000
Gri tonlar
- E16A57
- D76E5C
- CD7262
- C37567
- B8776B
- AE7A70
- A37C74
- 987D78
- 8C7F7C
Renk uyumları
Tamamlayıcı +180°
- EB6651
Connect Red
- 00A8BE
≈ Sarah’s Garden
Analog -30° +30°
- EB6651
Connect Red
- E6628F
≈ Love Letter
- D87B00
≈ Orange Pepper
Üçlü +120° +240°
- EB6651
Connect Red
- 24B25C
≈ Future Hair
- 708CFC
≈ Punch Out Glove
Bölünmüş tamamlayıcı +150° +210°
- EB6651
Connect Red
- 00AD9A
≈ Pool Green
- 009FEC
≈ Button Blue
Dörtlü +90° +180° +270°
- EB6651
Connect Red
- 88A300
≈ Noxious
- 00A8BE
≈ Sarah’s Garden
- A879EC
≈ Purple Illusionist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.20:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.55:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
CSS
:root {
--connect-red: #eb6651;
--connect-red-rgb: 235 102 81;
--connect-red-oklch: oklch(0.671 0.169 31);
}
.element {
color: var(--connect-red);
background-color: hsl(8 79% 62%);
border-color: oklch(0.671 0.169 31);
}Tailwind CSS v4
@theme {
--color-connect-red: #eb6651;
--color-connect-red-50: #ffe4d6;
--color-connect-red-100: #ffd4c4;
--color-connect-red-200: #ffbaa6;
--color-connect-red-300: #ff957e;
--color-connect-red-400: #f1725e;
--color-connect-red-500: #e04d38;
--color-connect-red-600: #bd4331;
--color-connect-red-700: #983527;
--color-connect-red-800: #72251d;
--color-connect-red-900: #501913;
--color-connect-red-950: #350805;
}SCSS
$connect-red: #eb6651;
$connect-red-rgb: 235, 102, 81;
$connect-red-light: mix(#fff, $connect-red, 20%);
$connect-red-dark: mix(#000, $connect-red, 20%);
.element {
color: $connect-red;
box-shadow: 0 0 0 2px rgba($connect-red, 0.35);
}