Adlandırılmış renk · #FF4200
Ultimate Orange
Ultimate Orange, #FF4200: rgb(255 66 0), hsl(16 100% 50%), oklch(0.658 0.231 34.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Ultimate Orange color name →
#FF4200
oklch(0.658 0.231 34.9)
Renk dönüşümleri
- HEX
- #ff4200
- RGB
- rgb(255 66 0)
- HSL
- hsl(16 100% 50%)
- HWB
- hwb(16 0% 0%)
- OKLCH
- oklch(0.658 0.231 34.9)
- OKLab
- oklab(0.658 0.19 0.132)
- CIE Lab
- lab(58.18 70.08 70.79)
- LCH
- lch(58.18 99.61 45.3)
- CMYK
- cmyk(0% 74% 100% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF5D34
- FF734F
- FF8767
- FF997E
- FFAB94
- FFBDA9
- FFCEBF
- FFDED4
- FFEFE9
Koyu tonlar
- DE3800
- BE2F00
- 9E2500
- 801C00
- 631400
- 480B00
- 2E0500
- 160100
- 030000
Gri tonlar
- F44F24
- E85835
- DC6143
- D0674E
- C46D58
- B87261
- AB7669
- 9D7A71
- 8F7D79
Renk uyumları
Tamamlayıcı +180°
- FF4200
Ultimate Orange
- 00A3BD
≈ January Blue
Analog -30° +30°
- FF4200
Ultimate Orange
- FA377F
≈ Diva Pink
- CE7B00
≈ Seabuckthorn Yellow Brown
Üçlü +120° +240°
- FF4200
Ultimate Orange
- 00AD63
≈ Go Green!
- 7383FF
≈ Orchid
Bölünmüş tamamlayıcı +150° +210°
- FF4200
Ultimate Orange
- 00A89B
≈ Tropical Hideaway
- 0098EE
≈ Pervenche
Dörtlü +90° +180° +270°
- FF4200
Ultimate Orange
- 7BA100
≈ Support Green
- 00A3BD
≈ January Blue
- B360FF
≈ Purple Hedonist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.48:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.03:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.03:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--ultimate-orange: #ff4200;
--ultimate-orange-rgb: 255 66 0;
--ultimate-orange-oklch: oklch(0.658 0.231 34.9);
}
.element {
color: var(--ultimate-orange);
background-color: hsl(16 100% 50%);
border-color: oklch(0.658 0.231 34.9);
}Tailwind CSS v4
@theme {
--color-ultimate-orange: #ff4200;
--color-ultimate-orange-50: #ffdec7;
--color-ultimate-orange-100: #ffcdb1;
--color-ultimate-orange-200: #ffaf8c;
--color-ultimate-orange-300: #ff855b;
--color-ultimate-orange-400: #ff592d;
--color-ultimate-orange-500: #fa1200;
--color-ultimate-orange-600: #d31900;
--color-ultimate-orange-700: #aa1500;
--color-ultimate-orange-800: #7f0a00;
--color-ultimate-orange-900: #5a0800;
--color-ultimate-orange-950: #3d0000;
}SCSS
$ultimate-orange: #ff4200;
$ultimate-orange-rgb: 255, 66, 0;
$ultimate-orange-light: mix(#fff, $ultimate-orange, 20%);
$ultimate-orange-dark: mix(#000, $ultimate-orange, 20%);
.element {
color: $ultimate-orange;
box-shadow: 0 0 0 2px rgba($ultimate-orange, 0.35);
}