Benannte Farbe · #F7D8C4
Porcelain Tan
Porcelain Tan ist #F7D8C4: rgb(247 216 196), hsl(24 76% 87%), oklch(0.903 0.044 54.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Porcelain Tan color name →
#F7D8C4
oklch(0.903 0.044 54.9)
Farbumrechnungen
- HEX
- #f7d8c4
- RGB
- rgb(247 216 196)
- HSL
- hsl(24 76% 87%)
- HWB
- hwb(24 77% 3%)
- OKLCH
- oklch(0.903 0.044 54.9)
- OKLab
- oklab(0.903 0.025 0.036)
- CIE Lab
- lab(88.58 8.87 14.07)
- LCH
- lch(88.58 16.63 57.8)
- CMYK
- cmyk(0% 13% 21% 3%)
Tints · Shades · Tones
Tints
- F8DCCA
- F9E0D0
- FAE4D6
- FBE8DC
- FBEBE1
- FCEFE7
- FDF3ED
- FEF7F3
- FEFBF9
Shades
- D7BCAA
- B7A091
- 998578
- 7C6B61
- 60534A
- 453B35
- 2C2521
- 15110E
- 030202
Tones
- EBCFBD
- DEC6B6
- D2BDAF
- C6B4A8
- BAABA2
- AEA29B
- A29A94
- 97918D
- 8B8887
Farbharmonien
Komplementär +180°
- F7D8C4
Porcelain Tan
- C4E4F8
≈ Fresh Water
Analog -30° +30°
- F7D8C4
Porcelain Tan
- FBD4D0
≈ Cosmos
- ECDDBF
≈ Sandhill
Triadisch +120° +240°
- F7D8C4
Porcelain Tan
- C2E9DD
≈ Clear Aqua
- E0DAFA
≈ Nostalgia Perfume
Geteilt komplementär +150° +210°
- F7D8C4
Porcelain Tan
- BEE8ED
≈ Launderette Blue
- D1DFFD
≈ Arc Light
Tetradisch +90° +180° +270°
- F7D8C4
Porcelain Tan
- CEE7CD
≈ Butter Lettuce
- C4E4F8
≈ Fresh Water
- EED6EF
≈ Scented Spring
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.34:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.57:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.57:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--porcelain-tan: #f7d8c4;
--porcelain-tan-rgb: 247 216 196;
--porcelain-tan-oklch: oklch(0.903 0.044 54.9);
}
.element {
color: var(--porcelain-tan);
background-color: hsl(24 76% 87%);
border-color: oklch(0.903 0.044 54.9);
}Tailwind CSS v4
@theme {
--color-porcelain-tan: #f7d8c4;
--color-porcelain-tan-50: #fff2e9;
--color-porcelain-tan-100: #f4e5da;
--color-porcelain-tan-200: #e4d0c3;
--color-porcelain-tan-300: #cab2a2;
--color-porcelain-tan-400: #b49886;
--color-porcelain-tan-500: #9e7f6b;
--color-porcelain-tan-600: #856b5b;
--color-porcelain-tan-700: #6b5648;
--color-porcelain-tan-800: #4f3e34;
--color-porcelain-tan-900: #372b24;
--color-porcelain-tan-950: #221813;
}SCSS
$porcelain-tan: #f7d8c4;
$porcelain-tan-rgb: 247, 216, 196;
$porcelain-tan-light: mix(#fff, $porcelain-tan, 20%);
$porcelain-tan-dark: mix(#000, $porcelain-tan, 20%);
.element {
color: $porcelain-tan;
box-shadow: 0 0 0 2px rgba($porcelain-tan, 0.35);
}