Adlandırılmış renk · #FF3333
Pelati
Pelati, #FF3333: rgb(255 51 51), hsl(0 100% 60%), oklch(0.649 0.237 27). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Pelati color name →
#FF3333
oklch(0.649 0.237 27)
Renk dönüşümleri
- HEX
- #ff3333
- RGB
- rgb(255 51 51)
- HSL
- hsl(0 100% 60%)
- HWB
- hwb(0 20% 0%)
- OKLCH
- oklch(0.649 0.237 27)
- OKLab
- oklab(0.649 0.211 0.107)
- CIE Lab
- lab(56.9 74.61 52.3)
- LCH
- lch(56.9 91.11 35)
- CMYK
- cmyk(0% 80% 80% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF534B
- FF6B60
- FF8074
- FF9488
- FFA79C
- FFB9AF
- FFCBC3
- FFDDD7
- FFEEEB
Koyu tonlar
- DE2B2B
- BE2323
- 9E1C1C
- 801414
- 630D0D
- 480707
- 2E0303
- 160101
- 030000
Gri tonlar
- F4443E
- E85048
- DD5A50
- D16258
- C56960
- B86F67
- AB746D
- 9E7974
- 8F7D7A
Renk uyumları
Tamamlayıcı +180°
- FF3333
Pelati
- 00A1B1
≈ Breaking Wave
Analog -30° +30°
- FF3333
Pelati
- F43191
≈ Prickly Pink
- D47100
≈ Marmalade
Üçlü +120° +240°
- FF3333
Pelati
- 00AC3E
≈ Poison Ivy
- 5C85FF
≈ Skinny Jeans
Bölünmüş tamamlayıcı +150° +210°
- FF3333
Pelati
- 00A68D
≈ Brilliant Turquoise
- 009AD9
≈ Atmosphere
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.63:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 5.77:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 5.77:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--pelati: #ff3333;
--pelati-rgb: 255 51 51;
--pelati-oklch: oklch(0.649 0.237 27);
}
.element {
color: var(--pelati);
background-color: hsl(0 100% 60%);
border-color: oklch(0.649 0.237 27);
}Tailwind CSS v4
@theme {
--color-pelati: #ff3333;
--color-pelati-50: #ffdcce;
--color-pelati-100: #ffcaba;
--color-pelati-200: #ffab99;
--color-pelati-300: #ff806d;
--color-pelati-400: #ff514a;
--color-pelati-500: #fd0015;
--color-pelati-600: #d60016;
--color-pelati-700: #ac0412;
--color-pelati-800: #810011;
--color-pelati-900: #5b030a;
--color-pelati-950: #3e0001;
}SCSS
$pelati: #ff3333;
$pelati-rgb: 255, 51, 51;
$pelati-light: mix(#fff, $pelati, 20%);
$pelati-dark: mix(#000, $pelati, 20%);
.element {
color: $pelati;
box-shadow: 0 0 0 2px rgba($pelati, 0.35);
}