Adlandırılmış renk · #F38554
Autumn Sunset
Autumn Sunset, #F38554: rgb(243 133 84), hsl(18 87% 64%), oklch(0.729 0.149 43.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Autumn Sunset color name →
#F38554
oklch(0.729 0.149 43.8)
Renk dönüşümleri
- HEX
- #f38554
- RGB
- rgb(243 133 84)
- HSL
- hsl(18 87% 64%)
- HWB
- hwb(18 33% 5%)
- OKLCH
- oklch(0.729 0.149 43.8)
- OKLab
- oklab(0.729 0.108 0.103)
- CIE Lab
- lab(67.5 40.14 45.46)
- LCH
- lch(67.5 60.64 48.6)
- CMYK
- cmyk(0% 45% 65% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F69267
- F89F78
- FAAB89
- FCB79A
- FDC3AB
- FECFBC
- FFDBCD
- FFE7DD
- FFF3EE
Koyu tonlar
- D37348
- B4613C
- 975031
- 7A4026
- 5E301B
- 442111
- 2B1308
- 140602
- 030100
Gri tonlar
- E8855A
- DD8660
- D18665
- C6856A
- BB856E
- AF8472
- A48476
- 98837A
- 8C817D
Renk uyumları
Tamamlayıcı +180°
- F38554
Autumn Sunset
- 00B9E6
≈ Cyanite
Analog -30° +30°
- F38554
Autumn Sunset
- F67C8B
≈ Flower Blossom Pink
- DE9719
≈ Tiger King
Üçlü +120° +240°
- F38554
Autumn Sunset
- 22C48D
≈ Píng Gǔo Lǜ Green
- 9D99FF
≈ Cobalite
Bölünmüş tamamlayıcı +150° +210°
- F38554
Autumn Sunset
- 00BFBE
≈ Cala Benirrás Blue
- 63AAFF
≈ Âbi Blue
Dörtlü +90° +180° +270°
- F38554
Autumn Sunset
- 7FBB54
≈ Ultra Green
- 00B9E6
≈ Cyanite
- C989E8
≈ Lavender Perceptions
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.53:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.29:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.29:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--autumn-sunset: #f38554;
--autumn-sunset-rgb: 243 133 84;
--autumn-sunset-oklch: oklch(0.729 0.149 43.8);
}
.element {
color: var(--autumn-sunset);
background-color: hsl(18 87% 64%);
border-color: oklch(0.729 0.149 43.8);
}Tailwind CSS v4
@theme {
--color-autumn-sunset: #f38554;
--color-autumn-sunset-50: #ffe9d2;
--color-autumn-sunset-100: #ffd9bf;
--color-autumn-sunset-200: #ffc19f;
--color-autumn-sunset-300: #f69e75;
--color-autumn-sunset-400: #e67e50;
--color-autumn-sunset-500: #d35e22;
--color-autumn-sunset-600: #b3501f;
--color-autumn-sunset-700: #904019;
--color-autumn-sunset-800: #6b2d12;
--color-autumn-sunset-900: #4c1f0c;
--color-autumn-sunset-950: #320e01;
}SCSS
$autumn-sunset: #f38554;
$autumn-sunset-rgb: 243, 133, 84;
$autumn-sunset-light: mix(#fff, $autumn-sunset, 20%);
$autumn-sunset-dark: mix(#000, $autumn-sunset, 20%);
.element {
color: $autumn-sunset;
box-shadow: 0 0 0 2px rgba($autumn-sunset, 0.35);
}