Adlandırılmış renk · #FF6E61
Manila Sunset
Manila Sunset, #FF6E61: rgb(255 110 97), hsl(5 100% 69%), oklch(0.714 0.18 27.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Manila Sunset color name →
#FF6E61
oklch(0.714 0.18 27.6)
Renk dönüşümleri
- HEX
- #ff6e61
- RGB
- rgb(255 110 97)
- HSL
- hsl(5 100% 69%)
- HWB
- hwb(5 38% 0%)
- OKLCH
- oklch(0.714 0.18 27.6)
- OKLab
- oklab(0.714 0.159 0.083)
- CIE Lab
- lab(65.08 55.7 36.28)
- LCH
- lch(65.08 66.47 33.1)
- CMYK
- cmyk(0% 57% 62% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF7E71
- FF8E81
- FF9D90
- FFACA0
- FFBAB0
- FFC8BF
- FFD6CF
- FFE4DF
- FFF1EF
Koyu tonlar
- DE5F53
- BE5046
- 9E4139
- 80332D
- 632621
- 481915
- 2E0E0B
- 160403
- 030100
Gri tonlar
- F37265
- E77569
- DB786C
- CF7A70
- C27C73
- B67D76
- A97E78
- 9C7F7B
- 8E807E
Renk uyumları
Tamamlayıcı +180°
- FF6E61
Manila Sunset
- 00B7CA
≈ Lago Blue
Analog -30° +30°
- FF6E61
Manila Sunset
- F76BA3
≈ French Pink
- F08200
≈ Mikan Orange
Üçlü +120° +240°
- FF6E61
Manila Sunset
- 3EC05C
≈ Algal Fuel
- 7A9DFF
≈ Periwinkle Blue
Bölünmüş tamamlayıcı +150° +210°
- FF6E61
Manila Sunset
- 00BDA2
≈ First Post
- 00AEF8
≈ Democrat
Dörtlü +90° +180° +270°
- FF6E61
Manila Sunset
- 9BAF00
≈ Marker Green
- 00B7CA
≈ Lago Blue
- B087FF
≈ Lilac Geode
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.74:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.65:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.65:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--manila-sunset: #ff6e61;
--manila-sunset-rgb: 255 110 97;
--manila-sunset-oklch: oklch(0.714 0.18 27.6);
}
.element {
color: var(--manila-sunset);
background-color: hsl(5 100% 69%);
border-color: oklch(0.714 0.18 27.6);
}Tailwind CSS v4
@theme {
--color-manila-sunset: #ff6e61;
--color-manila-sunset-50: #ffe3d7;
--color-manila-sunset-100: #ffd2c5;
--color-manila-sunset-200: #ffb7a7;
--color-manila-sunset-300: #ff9180;
--color-manila-sunset-400: #f66d61;
--color-manila-sunset-500: #e5453d;
--color-manila-sunset-600: #c13c34;
--color-manila-sunset-700: #9b3029;
--color-manila-sunset-800: #74211f;
--color-manila-sunset-900: #521615;
--color-manila-sunset-950: #360606;
}SCSS
$manila-sunset: #ff6e61;
$manila-sunset-rgb: 255, 110, 97;
$manila-sunset-light: mix(#fff, $manila-sunset, 20%);
$manila-sunset-dark: mix(#000, $manila-sunset, 20%);
.element {
color: $manila-sunset;
box-shadow: 0 0 0 2px rgba($manila-sunset, 0.35);
}