Adlandırılmış renk · #FFB162
Burning Flame
Burning Flame, #FFB162: rgb(255 177 98), hsl(30 100% 69%), oklch(0.82 0.132 64.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Burning Flame color name →
#FFB162
oklch(0.82 0.132 64.5)
Renk dönüşümleri
- HEX
- #ffb162
- RGB
- rgb(255 177 98)
- HSL
- hsl(30 100% 69%)
- HWB
- hwb(30 38% 0%)
- OKLCH
- oklch(0.82 0.132 64.5)
- OKLab
- oklab(0.82 0.057 0.119)
- CIE Lab
- lab(78.76 23.78 51.65)
- LCH
- lch(78.76 56.86 65.3)
- CMYK
- cmyk(0% 31% 62% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFB974
- FFC185
- FFC995
- FFD1A5
- FFD9B4
- FFE1C3
- FFE8D2
- FFF0E1
- FFF7F0
Koyu tonlar
- DE9954
- BE8347
- 9E6C3A
- 80572D
- 634221
- 482F16
- 2E1C0B
- 160C03
- 030100
Gri tonlar
- F2AC67
- E5A86C
- D8A370
- CC9E73
- BF9976
- B29479
- A68F7B
- 998A7D
- 8D857F
Renk uyumları
Tamamlayıcı +180°
- FFB162
Burning Flame
- 8DCBFF
≈ Clear Sky
Analog -30° +30°
- FFB162
Burning Flame
- FFAC98
≈ Discreet Orange
- E0C355
≈ Cream Gold
Üçlü +120° +240°
- FFB162
Burning Flame
- 3DDFCE
≈ Fresh Turquoise
- D4B2FF
≈ Light Violet
Bölünmüş tamamlayıcı +150° +210°
- FFB162
Burning Flame
- 3CD9F8
≈ Berta Blue
- B2C0FF
≈ Dried Lilac
Dörtlü +90° +180° +270°
- FFB162
Burning Flame
- 78DD9D
≈ Enchanted Emerald
- 8DCBFF
≈ Clear Sky
- F8A3E7
≈ Lavender Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.79:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.71:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.71:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--burning-flame: #ffb162;
--burning-flame-rgb: 255 177 98;
--burning-flame-oklch: oklch(0.82 0.132 64.5);
}
.element {
color: var(--burning-flame);
background-color: hsl(30 100% 69%);
border-color: oklch(0.82 0.132 64.5);
}Tailwind CSS v4
@theme {
--color-burning-flame: #ffb162;
--color-burning-flame-50: #ffefce;
--color-burning-flame-100: #ffe0ba;
--color-burning-flame-200: #fbca98;
--color-burning-flame-300: #e5aa6c;
--color-burning-flame-400: #d48c41;
--color-burning-flame-500: #c17000;
--color-burning-flame-600: #a35f00;
--color-burning-flame-700: #834c01;
--color-burning-flame-800: #623602;
--color-burning-flame-900: #452503;
--color-burning-flame-950: #2c1300;
}SCSS
$burning-flame: #ffb162;
$burning-flame-rgb: 255, 177, 98;
$burning-flame-light: mix(#fff, $burning-flame, 20%);
$burning-flame-dark: mix(#000, $burning-flame, 20%);
.element {
color: $burning-flame;
box-shadow: 0 0 0 2px rgba($burning-flame, 0.35);
}