Benannte Farbe · #E0C997
Nomadic Travels
Nomadic Travels ist #E0C997: rgb(224 201 151), hsl(41 54% 74%), oklch(0.843 0.07 86.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Nomadic Travels color name →
#E0C997
oklch(0.843 0.07 86.1)
Farbumrechnungen
- HEX
- #e0c997
- RGB
- rgb(224 201 151)
- HSL
- hsl(41 54% 74%)
- HWB
- hwb(41 59% 12%)
- OKLCH
- oklch(0.843 0.07 86.1)
- OKLab
- oklab(0.843 0.005 0.07)
- CIE Lab
- lab(82.02 3 28.17)
- LCH
- lch(82.02 28.33 83.9)
- CMYK
- cmyk(0% 10% 33% 12%)
Tints · Shades · Tones
Tints
- E3CEA2
- E6D4AC
- E9D9B6
- ECDFC1
- F0E4CB
- F3E9D6
- F6EFE0
- F9F4EA
- FCFAF5
Shades
- C3AE83
- A6956F
- 8A7C5C
- 706449
- 564C37
- 3E3626
- 272217
- 120F08
- 020201
Tones
- D6C295
- CCBA93
- C2B391
- B9AB8F
- AFA48D
- A59D8A
- 9C9588
- 928E85
- 898783
Farbharmonien
Komplementär +180°
- E0C997
Nomadic Travels
- B6CBFB
≈ Night Snow
Analog -30° +30°
- E0C997
Nomadic Travels
- F0C0A0
≈ Neighbourly Peach
- C9D29D
≈ Cricket Field
Triadisch +120° +240°
- E0C997
Nomadic Travels
- 94D9E2
≈ Quiet Pond
- E4BCE4
≈ Blackberry Yoghurt
Geteilt komplementär +150° +210°
- E0C997
Nomadic Travels
- A0D3F4
≈ Juzcar Blue
- CFC3F5
≈ Innocent Snowdrop
Tetradisch +90° +180° +270°
- E0C997
Nomadic Travels
- 9ADBCA
≈ Tropical Freeze
- B6CBFB
≈ Night Snow
- F2B9CD
≈ Berries N’ Cream
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.61:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.97:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.97:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--nomadic-travels: #e0c997;
--nomadic-travels-rgb: 224 201 151;
--nomadic-travels-oklch: oklch(0.843 0.07 86.1);
}
.element {
color: var(--nomadic-travels);
background-color: hsl(41 54% 74%);
border-color: oklch(0.843 0.07 86.1);
}Tailwind CSS v4
@theme {
--color-nomadic-travels: #e0c997;
--color-nomadic-travels-50: #fdf5df;
--color-nomadic-travels-100: #f2e7ce;
--color-nomadic-travels-200: #e1d3b3;
--color-nomadic-travels-300: #c6b68f;
--color-nomadic-travels-400: #b19c6e;
--color-nomadic-travels-500: #9b834e;
--color-nomadic-travels-600: #836f42;
--color-nomadic-travels-700: #695935;
--color-nomadic-travels-800: #4e4025;
--color-nomadic-travels-900: #362c19;
--color-nomadic-travels-950: #211909;
}SCSS
$nomadic-travels: #e0c997;
$nomadic-travels-rgb: 224, 201, 151;
$nomadic-travels-light: mix(#fff, $nomadic-travels, 20%);
$nomadic-travels-dark: mix(#000, $nomadic-travels, 20%);
.element {
color: $nomadic-travels;
box-shadow: 0 0 0 2px rgba($nomadic-travels, 0.35);
}