Benannte Farbe · #FFD18C
Sunporch
Sunporch ist #FFD18C: rgb(255 209 140), hsl(36 100% 77%), oklch(0.885 0.101 77). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sunporch color name →
#FFD18C
oklch(0.885 0.101 77)
Farbumrechnungen
- HEX
- #ffd18c
- RGB
- rgb(255 209 140)
- HSL
- hsl(36 100% 77%)
- HWB
- hwb(36 55% 0%)
- OKLCH
- oklch(0.885 0.101 77)
- OKLab
- oklab(0.885 0.023 0.098)
- CIE Lab
- lab(86.77 10.43 40.56)
- LCH
- lch(86.77 41.88 75.6)
- CMYK
- cmyk(0% 18% 45% 0%)
Tints · Shades · Tones
Tints
- FFD698
- FFDBA4
- FFDFB0
- FFE4BC
- FFE8C7
- FFEDD2
- FFF2DE
- FFF6E9
- FFFBF4
Shades
- DEB579
- BE9B67
- 9E8155
- 806843
- 635033
- 483923
- 2E2314
- 161007
- 030201
Tones
- F2C98C
- E5C18B
- D8B88A
- CBB08A
- BEA888
- B1A087
- A59886
- 989084
- 8C8882
Farbharmonien
Komplementär +180°
- FFD18C
Sunporch
- C2DBFF
≈ Broad Daylight
Analog -30° +30°
- FFD18C
Sunporch
- FFCDB5
≈ Peach and Quiet
- E0DE8F
≈ Lively Laugh
Triadisch +120° +240°
- FFD18C
Sunporch
- 81EEF0
≈ Bath Water
- F0C8FF
≈ Aquarelle Lilac
Geteilt komplementär +150° +210°
- FFD18C
Sunporch
- A6E4FF
≈ Ganon Blue
- D6D4FF
≈ Pale Lavender
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.42:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.75:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.75:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--sunporch: #ffd18c;
--sunporch-rgb: 255 209 140;
--sunporch-oklch: oklch(0.885 0.101 77);
}
.element {
color: var(--sunporch);
background-color: hsl(36 100% 77%);
border-color: oklch(0.885 0.101 77);
}Tailwind CSS v4
@theme {
--color-sunporch: #ffd18c;
--color-sunporch-50: #fff2d6;
--color-sunporch-100: #fae5c3;
--color-sunporch-200: #ecd0a4;
--color-sunporch-300: #d3b27c;
--color-sunporch-400: #c09757;
--color-sunporch-500: #ab7c2c;
--color-sunporch-600: #916928;
--color-sunporch-700: #74541f;
--color-sunporch-800: #573d15;
--color-sunporch-900: #3c2a0d;
--color-sunporch-950: #261702;
}SCSS
$sunporch: #ffd18c;
$sunporch-rgb: 255, 209, 140;
$sunporch-light: mix(#fff, $sunporch, 20%);
$sunporch-dark: mix(#000, $sunporch, 20%);
.element {
color: $sunporch;
box-shadow: 0 0 0 2px rgba($sunporch, 0.35);
}