Benannte Farbe · #F0BD9E
Tan Temptation
Tan Temptation ist #F0BD9E: rgb(240 189 158), hsl(23 73% 78%), oklch(0.836 0.072 52.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Tan Temptation color name →
#F0BD9E
oklch(0.836 0.072 52.7)
Farbumrechnungen
- HEX
- #f0bd9e
- RGB
- rgb(240 189 158)
- HSL
- hsl(23 73% 78%)
- HWB
- hwb(23 62% 6%)
- OKLCH
- oklch(0.836 0.072 52.7)
- OKLab
- oklab(0.836 0.044 0.058)
- CIE Lab
- lab(80.71 15.84 23.09)
- LCH
- lch(80.71 28 55.5)
- CMYK
- cmyk(0% 21% 34% 6%)
Tints · Shades · Tones
Tints
- F2C4A8
- F4CAB1
- F5D1BB
- F7D7C5
- F8DECE
- FAE5D8
- FBEBE2
- FDF2EB
- FEF8F5
Shades
- D1A489
- B28C74
- 957460
- 785D4D
- 5D473A
- 433329
- 2A1F18
- 140D09
- 030201
Tones
- E4B79B
- D9B198
- CEAB95
- C2A493
- B79E90
- AC988D
- A19289
- 968C86
- 8B8683
Farbharmonien
Komplementär +180°
- F0BD9E
Tan Temptation
- 9AD2F1
≈ Sonic Sky
Analog -30° +30°
- F0BD9E
Tan Temptation
- F5B7B4
≈ Old Flame
- E1C694
≈ Corn Chowder
Triadisch +120° +240°
- F0BD9E
Tan Temptation
- 98D9C5
≈ Pageant Green
- CAC1F5
≈ Connecticut Lilac
Geteilt komplementär +150° +210°
- F0BD9E
Tan Temptation
- 90D8DE
≈ Arctic Blue
- B1CAF9
≈ Night Snow
Tetradisch +90° +180° +270°
- F0BD9E
Tan Temptation
- AFD6AB
≈ Flower Stem
- 9AD2F1
≈ Sonic Sky
- E1BAE5
≈ Romantic Morning
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.68:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.47:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.47:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--tan-temptation: #f0bd9e;
--tan-temptation-rgb: 240 189 158;
--tan-temptation-oklch: oklch(0.836 0.072 52.7);
}
.element {
color: var(--tan-temptation);
background-color: hsl(23 73% 78%);
border-color: oklch(0.836 0.072 52.7);
}Tailwind CSS v4
@theme {
--color-tan-temptation: #f0bd9e;
--color-tan-temptation-50: #fff0e2;
--color-tan-temptation-100: #fce2d2;
--color-tan-temptation-200: #eecdb8;
--color-tan-temptation-300: #d5ae95;
--color-tan-temptation-400: #c19377;
--color-tan-temptation-500: #ac7958;
--color-tan-temptation-600: #92664b;
--color-tan-temptation-700: #75523c;
--color-tan-temptation-800: #573b2b;
--color-tan-temptation-900: #3d291d;
--color-tan-temptation-950: #26160d;
}SCSS
$tan-temptation: #f0bd9e;
$tan-temptation-rgb: 240, 189, 158;
$tan-temptation-light: mix(#fff, $tan-temptation, 20%);
$tan-temptation-dark: mix(#000, $tan-temptation, 20%);
.element {
color: $tan-temptation;
box-shadow: 0 0 0 2px rgba($tan-temptation, 0.35);
}