Adlandırılmış renk · #F6A374
Flaming Cauldron
Flaming Cauldron, #F6A374: rgb(246 163 116), hsl(22 88% 71%), oklch(0.787 0.117 49.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Flaming Cauldron color name →
#F6A374
oklch(0.787 0.117 49.9)
Renk dönüşümleri
- HEX
- #f6a374
- RGB
- rgb(246 163 116)
- HSL
- hsl(22 88% 71%)
- HWB
- hwb(22 45% 4%)
- OKLCH
- oklch(0.787 0.117 49.9)
- OKLab
- oklab(0.787 0.075 0.089)
- CIE Lab
- lab(74.71 28.12 37.56)
- LCH
- lch(74.71 46.92 53.2)
- CMYK
- cmyk(0% 34% 53% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F8AC82
- F9B691
- FBBF9F
- FCC8AC
- FDD2BA
- FEDBC8
- FEE4D6
- FFEDE3
- FFF6F1
Koyu tonlar
- D68D64
- B77854
- 986345
- 7B4F37
- 5F3C29
- 452A1B
- 2C190F
- 150A05
- 030101
Gri tonlar
- EAA076
- DE9D78
- D3997A
- C7967B
- BB927C
- AF8F7D
- A48B7E
- 98887F
- 8C8480
Renk uyumları
Tamamlayıcı +180°
- F6A374
Flaming Cauldron
- 5FC7F6
≈ Blue Mana
Analog -30° +30°
- F6A374
Flaming Cauldron
- FC9B9B
≈ Rubber Radish
- E1B15D
≈ Cookie Crust
Üçlü +120° +240°
- F6A374
Flaming Cauldron
- 60D2AE
≈ Aquarium Blue
- B8ADFF
≈ Winterspring Lilac
Bölünmüş tamamlayıcı +150° +210°
- F6A374
Flaming Cauldron
- 45D0D7
≈ Blue Radiance
- 91BBFF
≈ Truesky Gloxym
Dörtlü +90° +180° +270°
- F6A374
Flaming Cauldron
- 91CC84
≈ Greek Garden
- 5FC7F6
≈ Blue Mana
- DBA1E8
≈ Herb Robert
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.01:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.40:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.40:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--flaming-cauldron: #f6a374;
--flaming-cauldron-rgb: 246 163 116;
--flaming-cauldron-oklch: oklch(0.787 0.117 49.9);
}
.element {
color: var(--flaming-cauldron);
background-color: hsl(22 88% 71%);
border-color: oklch(0.787 0.117 49.9);
}Tailwind CSS v4
@theme {
--color-flaming-cauldron: #f6a374;
--color-flaming-cauldron-50: #ffedd7;
--color-flaming-cauldron-100: #ffdec5;
--color-flaming-cauldron-200: #fdc7a7;
--color-flaming-cauldron-300: #e8a780;
--color-flaming-cauldron-400: #d6895d;
--color-flaming-cauldron-500: #c26c37;
--color-flaming-cauldron-600: #a45c30;
--color-flaming-cauldron-700: #844926;
--color-flaming-cauldron-800: #62341b;
--color-flaming-cauldron-900: #452412;
--color-flaming-cauldron-950: #2d1204;
}SCSS
$flaming-cauldron: #f6a374;
$flaming-cauldron-rgb: 246, 163, 116;
$flaming-cauldron-light: mix(#fff, $flaming-cauldron, 20%);
$flaming-cauldron-dark: mix(#000, $flaming-cauldron, 20%);
.element {
color: $flaming-cauldron;
box-shadow: 0 0 0 2px rgba($flaming-cauldron, 0.35);
}