Benannte Farbe · #F3D1B3
Mission Courtyard
Mission Courtyard ist #F3D1B3: rgb(243 209 179), hsl(28 73% 83%), oklch(0.882 0.055 63.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Mission Courtyard color name →
#F3D1B3
oklch(0.882 0.055 63.4)
Farbumrechnungen
- HEX
- #f3d1b3
- RGB
- rgb(243 209 179)
- HSL
- hsl(28 73% 83%)
- HWB
- hwb(28 70% 5%)
- OKLCH
- oklch(0.882 0.055 63.4)
- OKLab
- oklab(0.882 0.025 0.049)
- CIE Lab
- lab(86.2 9.05 19.58)
- LCH
- lch(86.2 21.57 65.2)
- CMYK
- cmyk(0% 14% 26% 5%)
Tints · Shades · Tones
Tints
- F4D6BB
- F6DAC2
- F7DFCA
- F8E3D1
- F9E8D9
- FBEDE1
- FCF1E8
- FDF6F0
- FEFAF7
Shades
- D3B59B
- B49B84
- 97816E
- 7A6858
- 5E5043
- 44392F
- 2B231D
- 14100C
- 030201
Tones
- E7C9AE
- DBC0A9
- CFB8A4
- C4B09F
- B8A89A
- ADA094
- A1988F
- 96908A
- 8B8885
Farbharmonien
Komplementär +180°
- F3D1B3
Mission Courtyard
- BADDFA
≈ Arctic Paradise
Analog -30° +30°
- F3D1B3
Mission Courtyard
- FACCC1
≈ Spring Song
- E4D8AF
≈ Champagne Cocktail
Triadisch +120° +240°
- F3D1B3
Mission Courtyard
- B0E5DC
≈ Aquatic Mist
- DFD0F7
≈ Pale Lavender
Geteilt komplementär +150° +210°
- F3D1B3
Mission Courtyard
- AFE2EE
≈ Crystal River
- CCD6FE
≈ Pale Phthalo Blue
Tetradisch +90° +180° +270°
- F3D1B3
Mission Courtyard
- BDE3C7
≈ Spearmints
- BADDFA
≈ Arctic Paradise
- EFCBE8
≈ Bubblegum Crisis
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.44:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.58:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--mission-courtyard: #f3d1b3;
--mission-courtyard-rgb: 243 209 179;
--mission-courtyard-oklch: oklch(0.882 0.055 63.4);
}
.element {
color: var(--mission-courtyard);
background-color: hsl(28 73% 83%);
border-color: oklch(0.882 0.055 63.4);
}Tailwind CSS v4
@theme {
--color-mission-courtyard: #f3d1b3;
--color-mission-courtyard-50: #fff2e5;
--color-mission-courtyard-100: #f5e5d5;
--color-mission-courtyard-200: #e5d0bc;
--color-mission-courtyard-300: #ccb29a;
--color-mission-courtyard-400: #b6987d;
--color-mission-courtyard-500: #a17f60;
--color-mission-courtyard-600: #886b51;
--color-mission-courtyard-700: #6d5641;
--color-mission-courtyard-800: #513e2f;
--color-mission-courtyard-900: #382b20;
--color-mission-courtyard-950: #23180f;
}SCSS
$mission-courtyard: #f3d1b3;
$mission-courtyard-rgb: 243, 209, 179;
$mission-courtyard-light: mix(#fff, $mission-courtyard, 20%);
$mission-courtyard-dark: mix(#000, $mission-courtyard, 20%);
.element {
color: $mission-courtyard;
box-shadow: 0 0 0 2px rgba($mission-courtyard, 0.35);
}