En yakın adlandırılmış renk · #DF8F00
#DF8F00
En yakın adlandırılmış renk: Fleur de Sel Caramel
#DF8F00 (rgb(223 143 0), hsl(38 100% 44%), oklch(0.715 0.155 70.3)) en çok Fleur de Sel Caramel adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DF8F00
oklch(0.715 0.155 70.3)
Renk dönüşümleri
- HEX
- #df8f00
- RGB
- rgb(223 143 0)
- HSL
- hsl(38 100% 44%)
- HWB
- hwb(38 0% 13%)
- OKLCH
- oklch(0.715 0.155 70.3)
- OKLab
- oklab(0.715 0.052 0.146)
- CIE Lab
- lab(66.6 25.22 71.4)
- LCH
- lch(66.6 75.73 70.5)
- CMYK
- cmyk(0% 36% 100% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E39B39
- E7A655
- EBB26D
- EEBD84
- F1C899
- F4D3AE
- F7DEC2
- FAE9D6
- FDF4EB
Koyu tonlar
- C27C00
- A56900
- 8A5700
- 6F4500
- 563400
- 3D2400
- 271500
- 120700
- 020100
Gri tonlar
- D68E28
- CC8D3A
- C38C48
- B98B53
- B0895C
- A78864
- 9D866C
- 938473
- 8A827A
Renk uyumları
Tamamlayıcı +180°
- DF8F00
Fleur de Sel Caramel
- 4EA8FF
≈ Joust Blue
Analog -30° +30°
- DF8F00
Fleur de Sel Caramel
- F27D53
≈ Sassy Salmon
- B9A400
≈ Sulphine Yellow
Üçlü +120° +240°
- DF8F00
Fleur de Sel Caramel
- 00BBB4
≈ Super Rare Jade
- C185EA
≈ Lavender Perceptions
Bölünmüş tamamlayıcı +150° +210°
- DF8F00
Fleur de Sel Caramel
- 00B5DB
≈ Blue Atoll
- 9296FF
≈ Periwinkle Blue
Dörtlü +90° +180° +270°
- DF8F00
Fleur de Sel Caramel
- 1FC081
≈ Greenish Teal
- 4EA8FF
≈ Joust Blue
- E179C1
≈ Fuchsia Blush
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.60:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.06:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--fleur-de-sel-caramel: #df8f00;
--fleur-de-sel-caramel-rgb: 223 143 0;
--fleur-de-sel-caramel-oklch: oklch(0.715 0.155 70.3);
}
.element {
color: var(--fleur-de-sel-caramel);
background-color: hsl(38 100% 44%);
border-color: oklch(0.715 0.155 70.3);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel-caramel: #df8f00;
--color-fleur-de-sel-caramel-50: #ffefc5;
--color-fleur-de-sel-caramel-100: #ffe0af;
--color-fleur-de-sel-caramel-200: #fdca89;
--color-fleur-de-sel-caramel-300: #e8aa57;
--color-fleur-de-sel-caramel-400: #d78c14;
--color-fleur-de-sel-caramel-500: #c46e00;
--color-fleur-de-sel-caramel-600: #a65e00;
--color-fleur-de-sel-caramel-700: #854b00;
--color-fleur-de-sel-caramel-800: #643500;
--color-fleur-de-sel-caramel-900: #462400;
--color-fleur-de-sel-caramel-950: #2e1300;
}SCSS
$fleur-de-sel-caramel: #df8f00;
$fleur-de-sel-caramel-rgb: 223, 143, 0;
$fleur-de-sel-caramel-light: mix(#fff, $fleur-de-sel-caramel, 20%);
$fleur-de-sel-caramel-dark: mix(#000, $fleur-de-sel-caramel, 20%);
.element {
color: $fleur-de-sel-caramel;
box-shadow: 0 0 0 2px rgba($fleur-de-sel-caramel, 0.35);
}