Benannte Farbe · #F2D0C0
Indian Clay
Indian Clay ist #F2D0C0: rgb(242 208 192), hsl(19 66% 85%), oklch(0.882 0.044 46.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Indian Clay color name →
#F2D0C0
oklch(0.882 0.044 46.7)
Farbumrechnungen
- HEX
- #f2d0c0
- RGB
- rgb(242 208 192)
- HSL
- hsl(19 66% 85%)
- HWB
- hwb(19 75% 5%)
- OKLCH
- oklch(0.882 0.044 46.7)
- OKLab
- oklab(0.882 0.03 0.032)
- CIE Lab
- lab(86.09 10.5 12.61)
- LCH
- lch(86.09 16.41 50.2)
- CMYK
- cmyk(0% 14% 21% 5%)
Tints · Shades · Tones
Tints
- F3D5C6
- F5D9CC
- F6DED3
- F8E3D9
- F9E7DF
- FAECE6
- FBF1EC
- FDF6F2
- FEFAF9
Shades
- D2B5A7
- B49A8E
- 968076
- 79675F
- 5E4F49
- 433934
- 2B2320
- 14100E
- 030202
Tones
- E6C8B9
- DAC0B3
- CFB7AC
- C3AFA6
- B8A7A0
- AC9F99
- A19793
- 968F8D
- 8B8886
Farbharmonien
Komplementär +180°
- F2D0C0
Indian Clay
- BBDFEF
≈ Fountains of Budapest
Analog -30° +30°
- F2D0C0
Indian Clay
- F4CDCE
≈ Strawberry Ripple
- E9D5B8
≈ Nevada Sand
Triadisch +120° +240°
- F2D0C0
Indian Clay
- BEE2D2
≈ Beru
- D5D4F5
≈ Flax Bloom
Geteilt komplementär +150° +210°
- F2D0C0
Indian Clay
- B7E2E2
≈ Fine Blue
- C6DAF6
≈ Fly a Kite
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.44:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.55:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.55:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--indian-clay: #f2d0c0;
--indian-clay-rgb: 242 208 192;
--indian-clay-oklch: oklch(0.882 0.044 46.7);
}
.element {
color: var(--indian-clay);
background-color: hsl(19 66% 85%);
border-color: oklch(0.882 0.044 46.7);
}Tailwind CSS v4
@theme {
--color-indian-clay: #f2d0c0;
--color-indian-clay-50: #fff2ea;
--color-indian-clay-100: #f5e4db;
--color-indian-clay-200: #e5cfc4;
--color-indian-clay-300: #cbb1a4;
--color-indian-clay-400: #b59789;
--color-indian-clay-500: #a07e6d;
--color-indian-clay-600: #876a5d;
--color-indian-clay-700: #6c554a;
--color-indian-clay-800: #503e36;
--color-indian-clay-900: #382a25;
--color-indian-clay-950: #221813;
}SCSS
$indian-clay: #f2d0c0;
$indian-clay-rgb: 242, 208, 192;
$indian-clay-light: mix(#fff, $indian-clay, 20%);
$indian-clay-dark: mix(#000, $indian-clay, 20%);
.element {
color: $indian-clay;
box-shadow: 0 0 0 2px rgba($indian-clay, 0.35);
}