Adlandırılmış renk · #FFA64F
Blazing Orange
Blazing Orange, #FFA64F: rgb(255 166 79), hsl(30 100% 65%), oklch(0.798 0.146 62.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Blazing Orange color name →
#FFA64F
oklch(0.798 0.146 62.2)
Renk dönüşümleri
- HEX
- #ffa64f
- RGB
- rgb(255 166 79)
- HSL
- hsl(30 100% 65%)
- HWB
- hwb(30 31% 0%)
- OKLCH
- oklch(0.798 0.146 62.2)
- OKLab
- oklab(0.798 0.068 0.129)
- CIE Lab
- lab(76.11 28.45 57.64)
- LCH
- lch(76.11 64.28 63.7)
- CMYK
- cmyk(0% 35% 69% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFAF65
- FFB978
- FFC28A
- FFCB9C
- FFD4AD
- FFDDBD
- FFE5CE
- FFEEDE
- FFF6EF
Koyu tonlar
- DE9044
- BE7A38
- 9E652E
- 805123
- 633E19
- 482B10
- 2E1A07
- 160A02
- 030100
Gri tonlar
- F2A357
- E59F5F
- D99C65
- CC986A
- BF946F
- B39173
- A68D77
- 99887A
- 8D847D
Renk uyumları
Tamamlayıcı +180°
- FFA64F
Blazing Orange
- 79C6FF
≈ Maya Blue
Analog -30° +30°
- FFA64F
Blazing Orange
- FFA18D
≈ Tangerine Cream
- DFBA39
≈ Solarium
Üçlü +120° +240°
- FFA64F
Blazing Orange
- 00DAC4
≈ Mint Morning
- CCAAFF
≈ Purple Hepatica
Bölünmüş tamamlayıcı +150° +210°
- FFA64F
Blazing Orange
- 00D4F1
≈ Thousand Sons Blue
- A6B9FF
≈ Truesky Gloxym
Dörtlü +90° +180° +270°
- FFA64F
Blazing Orange
- 6BD88E
≈ Aurora Green
- 79C6FF
≈ Maya Blue
- F498E6
≈ Diva Mecha
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.94:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.81:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--blazing-orange: #ffa64f;
--blazing-orange-rgb: 255 166 79;
--blazing-orange-oklch: oklch(0.798 0.146 62.2);
}
.element {
color: var(--blazing-orange);
background-color: hsl(30 100% 65%);
border-color: oklch(0.798 0.146 62.2);
}Tailwind CSS v4
@theme {
--color-blazing-orange: #ffa64f;
--color-blazing-orange-50: #ffedca;
--color-blazing-orange-100: #ffdeb6;
--color-blazing-orange-200: #ffc792;
--color-blazing-orange-300: #eba764;
--color-blazing-orange-400: #da8834;
--color-blazing-orange-500: #c86b00;
--color-blazing-orange-600: #a95b00;
--color-blazing-orange-700: #884800;
--color-blazing-orange-800: #663300;
--color-blazing-orange-900: #472300;
--color-blazing-orange-950: #2e1200;
}SCSS
$blazing-orange: #ffa64f;
$blazing-orange-rgb: 255, 166, 79;
$blazing-orange-light: mix(#fff, $blazing-orange, 20%);
$blazing-orange-dark: mix(#000, $blazing-orange, 20%);
.element {
color: $blazing-orange;
box-shadow: 0 0 0 2px rgba($blazing-orange, 0.35);
}