Colore con nome · #F7D497
Desert Convoy
Desert Convoy è #F7D497: rgb(247 212 151), hsl(38 86% 78%), oklch(0.886 0.087 81.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Desert Convoy color name →
#F7D497
oklch(0.886 0.087 81.1)
Conversioni di colore
- HEX
- #f7d497
- RGB
- rgb(247 212 151)
- HSL
- hsl(38 86% 78%)
- HWB
- hwb(38 59% 3%)
- OKLCH
- oklch(0.886 0.087 81.1)
- OKLab
- oklab(0.886 0.014 0.086)
- CIE Lab
- lab(86.88 6.64 34.98)
- LCH
- lch(86.88 35.6 79.3)
- CMYK
- cmyk(0% 14% 39% 3%)
Tinte · Ombre · Toni
Tinte
- F8D8A2
- F9DDAD
- FAE1B7
- FBE5C2
- FBEACC
- FCEED6
- FDF2E1
- FEF7EB
- FEFBF5
Ombre
- D7B883
- B79D6F
- 99835C
- 7C6949
- 605137
- 453A26
- 2C2417
- 151008
- 030201
Toni
- EBCB95
- DEC393
- D2BA91
- C6B28F
- BAA98D
- AEA18B
- A29988
- 979086
- 8B8883
Armonie di colore
Complementare +180°
- F7D497
Desert Convoy
- C5DAFF
≈ Arc Light
Analogo -30° +30°
- F7D497
Desert Convoy
- FFCDB1
≈ Blushing Cherub
- DBDF9C
≈ Young Wheat
Triadico +120° +240°
- F7D497
Desert Convoy
- 91EBF1
≈ Bath Water
- F4C7FD
≈ Aquarelle Lilac
Complementare divisa +150° +210°
- F7D497
Desert Convoy
- ABE2FF
≈ Frozen Landscape
- D9D3FF
≈ Pale Lavender
Tetradico +90° +180° +270°
- F7D497
Desert Convoy
- 9DEDD2
≈ Oasis Stream
- C5DAFF
≈ Arc Light
- FFC7DF
≈ Cherry Blush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.81:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.81:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--desert-convoy: #f7d497;
--desert-convoy-rgb: 247 212 151;
--desert-convoy-oklch: oklch(0.886 0.087 81.1);
}
.element {
color: var(--desert-convoy);
background-color: hsl(38 86% 78%);
border-color: oklch(0.886 0.087 81.1);
}Tailwind CSS v4
@theme {
--color-desert-convoy: #f7d497;
--color-desert-convoy-50: #fff4da;
--color-desert-convoy-100: #f6e6c8;
--color-desert-convoy-200: #e6d2ab;
--color-desert-convoy-300: #cdb484;
--color-desert-convoy-400: #b99961;
--color-desert-convoy-500: #a4803d;
--color-desert-convoy-600: #8a6c35;
--color-desert-convoy-700: #6f572a;
--color-desert-convoy-800: #533f1d;
--color-desert-convoy-900: #3a2b13;
--color-desert-convoy-950: #241805;
}SCSS
$desert-convoy: #f7d497;
$desert-convoy-rgb: 247, 212, 151;
$desert-convoy-light: mix(#fff, $desert-convoy, 20%);
$desert-convoy-dark: mix(#000, $desert-convoy, 20%);
.element {
color: $desert-convoy;
box-shadow: 0 0 0 2px rgba($desert-convoy, 0.35);
}