Benannte Farbe · #F0DDB8
Limitless
Limitless ist #F0DDB8: rgb(240 221 184), hsl(40 65% 83%), oklch(0.904 0.053 84). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Limitless color name →
#F0DDB8
oklch(0.904 0.053 84)
Farbumrechnungen
- HEX
- #f0ddb8
- RGB
- rgb(240 221 184)
- HSL
- hsl(40 65% 83%)
- HWB
- hwb(40 72% 6%)
- OKLCH
- oklch(0.904 0.053 84)
- OKLab
- oklab(0.904 0.006 0.053)
- CIE Lab
- lab(88.98 2.57 20.73)
- LCH
- lch(88.98 20.89 82.9)
- CMYK
- cmyk(0% 8% 23% 6%)
Tints · Shades · Tones
Tints
- F2E0BF
- F3E4C6
- F5E7CD
- F6EBD5
- F8EEDC
- F9F1E3
- FBF5EA
- FCF8F1
- FEFCF8
Shades
- D1C0A0
- B2A488
- 958871
- 786E5B
- 5D5545
- 433D31
- 2A261E
- 14110C
- 030202
Tones
- E4D3B2
- D9CAAD
- CDC0A7
- C2B7A2
- B6AD9C
- ABA496
- A09B91
- 95928B
- 8B8986
Farbharmonien
Komplementär +180°
- F0DDB8
Limitless
- D0E0FF
≈ Arc Light
Analog -30° +30°
- F0DDB8
Limitless
- FCD7BF
≈ Sun-Kissed Peach
- DEE4BC
≈ Loch Modan Moss
Triadisch +120° +240°
- F0DDB8
Limitless
- B7EAEF
≈ Light Vandamint
- F1D4F4
≈ Scented Spring
Geteilt komplementär +150° +210°
- F0DDB8
Limitless
- BEE6FD
≈ Icy Landscape
- E0D9FF
≈ Transparent Blue
Tetradisch +90° +180° +270°
- F0DDB8
Limitless
- BCEBDC
≈ Salome
- D0E0FF
≈ Arc Light
- FDD1E2
≈ Light Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.73:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.73:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--limitless: #f0ddb8;
--limitless-rgb: 240 221 184;
--limitless-oklch: oklch(0.904 0.053 84);
}
.element {
color: var(--limitless);
background-color: hsl(40 65% 83%);
border-color: oklch(0.904 0.053 84);
}Tailwind CSS v4
@theme {
--color-limitless: #f0ddb8;
--color-limitless-50: #fcf4e4;
--color-limitless-100: #f0e7d4;
--color-limitless-200: #ded3bb;
--color-limitless-300: #c3b699;
--color-limitless-400: #ad9c7b;
--color-limitless-500: #97845e;
--color-limitless-600: #806f50;
--color-limitless-700: #66593f;
--color-limitless-800: #4c412d;
--color-limitless-900: #342d1f;
--color-limitless-950: #201a0e;
}SCSS
$limitless: #f0ddb8;
$limitless-rgb: 240, 221, 184;
$limitless-light: mix(#fff, $limitless, 20%);
$limitless-dark: mix(#000, $limitless, 20%);
.element {
color: $limitless;
box-shadow: 0 0 0 2px rgba($limitless, 0.35);
}